一、安装好node.js
npm:
1)npm install -g vue-cli //安装全局vue-cli脚手架
2)vue init webpack project_name(项目文件夹名) //创建项目
3)cd project_name(项目名)//进入项目
4)npm install //安装依赖二
5)npm run dev //运行
cnpm:
安装好npm后
1)npm install -g cnpm --registry=https:
//registry.npm.taobao.org //获取淘宝镜像
2)cnpm install cnpm -g //升级镜像
3)cnpm install vue //安装vue
4)cnpm install --
global
vue-cli //安装全局vue-cli脚手架
5)vue init webpack project_name(项目文件夹名) //创建项目
6)cd project_name //进入项目
7)cnpm install //安装依赖二
8)cnpm run dev //运行
二、用win10和有管理员权限的域账号登录,有时会遇到明明安装了vue-cli,但还是提示vue不是内部或外部命令这种情况。通过设置node_global和node_cache就好了。
以下是我遇到这种情况的解决流程:
1、node安装后的设置(node_global和node_cache):
1)在node的安装目录下(默认安装路径:C:Program Files odejs)分别添加node_global和node_cache这两个空文件夹。
2)把刚才添加的文件夹路径设置到电脑的环境变量:
用户变量:将用户变量中 Path 的值加上:C:Program Files odejs ode_global
系统变量:添加变量NODE_PATH的值为:C:Program Files odejs ode_modules
这个路径都是nodejs安装路径下的,如下图:
3、通过cmd打开命令提示符,先后设置node_global和node_cache:
npm config set prefix "C:Program Files odejs ode_global"
npm config set cache "C:Program Files odejs ode_cache"
2、现在就可以安装vue的手脚架了:npm install -g vue-cli;
以上就可以把vue不是内部或外部命令这个问题解决。