VUE脚手架 安装

vue 安装:

-首先先查看电脑上有没有安装node和npm 
npm -v 
node -v 
没有安装的去官网安装
然后开始安装vue
起初我直接按照官网的安装方法直接进行安装,但是总是安装不成功,出现vue不是内部命令的情况,
然后网站大部分教程是没有详细的讲解的,所以,百度了问题之后发现是没有配置环境变量,在解决问题后,详细的说下安装过程。

具体过程:
1.在win+r 输入cmd,先根据官网指令安装vue
# 最新稳定版
 npm install vue
# 全局安装 vue-cli

 npm install --global vue-cli

2.然后配置环境变量
找到自己安装的vue.cmd的所在位置目录,然后配置环境变量,一般是在npm目录里
win+R然后输入sysdm.cpl选择高级,配置环境变量PATH,在PATH里加上路径,我的是:

C:\Users\Administrator\AppData\Roaming\npm;

PS:最后的;结尾不要忘了- - ,也会影响路径。

3.这时vue命令应该就能用了
用vue -V可以查看当前vue的版本。
4.然后就可以根据官网的命令行开始进行项目的测试了。
# 创建一个基于 webpack 模板的新项目 my-project是自己定的可以修改 
 vue init webpack my-project   
# 进入目录,执行
 cd my-project

 npm run dev

然后根据


输入地址,如果出现以下界面,就是成功。


如果有其他安装问题,欢迎评论,以上是作为前端小白的亲身经历。

Vue-cli的使用说明:https://my.oschina.net/liuyuantao/blog/883251

猜你喜欢

转载自blog.csdn.net/weixin_40858306/article/details/80325252