VUE脚手架的搭建(简单明了)

目录

一:vue脚手架

1.简介

2.安装

3.运行

4.安装插件axios到本地

5.删除myapp

?6.vue常见错误

?7.目录解释


一:vue脚手架

1.简介

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统 ,通过 @vue/cli 搭建交互式的项目脚手架。

2.安装

  • window+r→cmd→vue -V查看版本

VUE脚手架的搭建(简单明了)

  • ?node -v 检查是否安装node

?VUE脚手架的搭建(简单明了)

  • ?npm -v 检查是否安装npm

?VUE脚手架的搭建(简单明了)

  • ??npm --version检查是否安装npm

?VUE脚手架的搭建(简单明了)

  • ?vue?--version 查看是否安装了vue脚手架

VUE脚手架的搭建(简单明了)

  • cd / 切换目录

VUE脚手架的搭建(简单明了)

  • ?vue create myapp(创建项目(安装在当前目录) vue create 项目名称)

?VUE脚手架的搭建(简单明了)

  • ?出现如下图,按键盘上下键,选择vue2

VUE脚手架的搭建(简单明了)

  • ?出现如下图蓝色字体后,表示安装成功

VUE脚手架的搭建(简单明了)

  • ?出现蓝色字体后,cd myapp按回车键→npm run serve→复制local地址到浏览器,出现如下图表示安装成功

VUE脚手架的搭建(简单明了)

3.运行

cd myapp(切换目录进入到myapp)→npm run serve

4.安装插件axios到本地

cd myapp→npm i axios qs -S

VUE脚手架的搭建(简单明了)

?

5.删除myapp

rd? /s? /q? myapp

VUE脚手架的搭建(简单明了)

?6.vue常见错误

VUE脚手架的搭建(简单明了)

?VUE脚手架的搭建(简单明了)

?7.目录解释

VUE脚手架的搭建(简单明了)

?

上一篇:nova4有没有nfc(想问nova4没有nfc怎么办)
下一篇:sd卡读卡器是什么(什么是sd读卡器)