vue的安装过程

1、徽标键+R,打开命令窗口。输入cmd命令打开小黑框,输入node -v(检测node版本号)和cnpm -v(检测cnpm的版本号)

VUE安装

如果没有安装cnpm,需要先安装cnpm

VUE安装

2、安装vue脚手架指令

一般都是全局安装:cnpm i -g @vue/cli

VUE安装

如下图就代表安装成功

VUE安装

3、在D盘、E盘,或F盘创建新文件夹(名字不能是汉字)

4、进入新文件夹,在地址栏输入cmd,回车。

VUE安装

5、在第4步执行完后,会弹出一个小黑框,输入vue create 项目名

例如:vue create  myapp 

注:项目名不能是汉字,大写字母,特殊符号

VUE安装

VUE安装

6、选取第二选项(上下键控制选项),然后回车

VUE安装

7、选择Babel,Router,Vuex(空格键选择,空格键取消),选完后回车

VUE安装

VUE安装

VUE安装

VUE安装

VUE安装

按照上面图示操作,执行就可以了。

VUE安装

上面图示就带表vue项目创建成功。

8、cd  myapp  

注:进入myapp文件夹

VUE安装

9、npm run serve   启动项目

VUE安装

如下图,项目启动成功

VUE安装

10、浏览器打开Vue入口页面

VUE安装

相关文章: