vue 安装(vue-cli3以下):
-首先先查看电脑上有没有安装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