进入Vue官网文档：https://cn.vuejs.org/v2/guide/installation.html

　　安装node.js

　　

nodejs+cnpm+webstorm配置

windows配置一路流程：

nodejs

下载后一直下一步安装结束。
为防止c盘不够用，将npm目录迁移至其他盘。
安装完成之后打开cmd,输入node -v检查是否安装成功。

修改路径

打开cmd，输入 npm config ls
查看当前配置。
留意看 cache=" " 和 prefix=" "

然后在自己开发目录下，新建2个文件夹"node_cache"和"node_global"。我的目录放在E盘下。

E:odejsode_cache
E:odejsode_global

在cmd中输入
npm config set cache "E:odejsode_cache"
npm config set prefix "E:odejsode_global"

再次输入npm config ls查看修改后的路径(cache和prefix的路径会发生变化)。

修改环境变量

新增环境变量 NODE_HOME,值为你修改后的路径，我的是
E:odejs

修改Path，追加 %NODE_HOME%;%NODE_HOME%ode_cache;%NODE_HOME%ode_global;

测试一下

重新打开一个cmd命令行，安装一个插件试试

执行

npm install webpack -g
// -g是安装到全局目录下

安装完毕后打开设置的安装路径看下是否成功。（在E:odejsode_global目录下有webpack命名的文件。）

cnpm

在cmd中执行
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装失败时请执行：

npm set registry https://registry.npm.taobao.org # 注册模块镜像 npm set disturl https://npm.taobao.org/dist # node-gyp 编译依赖的 node 源码镜像 npm cache clean --force # 清空缓存

npm install -g cnpm --registry=https://registry.npm.taobao.org
执行完毕后在cmd中输入 cnpm -v 查看是否安装成功。
详细见淘宝npm -> npm.taobao.org/

webstorm

安装成功后，调出 Terminal窗口，依次输入 cpm -v 回车，cnpm -v回车，查看是否都能使用。
后者如果检测有问题，可按下面方式修改：

• 点击File->setting ,输入node自动搜索。
• 找到nodejs 后，配置右边的Node interpreter位置为你的node.js的安装目录。
• 然后点击此行右边的...图标（3个点图标），修改 Npm package 目录为之前修改后的node_modeles目录。
• 根据我在前面的修改，我在此处应填入的路径为E:odejsode_globalode_modules

保存后重启webstrom，再次输入 cpm -v 回车，cnpm -v回车检测。

　　安装Vue脚手架工具：cnpm install --global vue-ali

　　创建项目：vue init webpack vue-demo1

　　打开项目：cd vue-demo1

　　安装依赖：cnpm install

　　运行项目：npm run dev