vue安装入坑，成功将自己解救出来

• 安装在C盘好使，别的盘就总报‘vue不是内部文件’（cmd进入的文件夹不对）
• 环境变量配置不对（配置系统变量，加一个NODE_PATH，编辑path）
• 想安装到别的盘，一定要修改npm的本地仓库（这个很重要！！！）
• 一定不要从文件夹中进入终端，直接从开始菜单cmd进入即可（否则会报不是内部文件错误）
• vscode运行项目报‘npm不是内部文件时’，把vscode以管理员权限进入即可

vue安装总结

1、node安装

• 下载node，安装在E盘（一直确定就可以）
• 检查是否安装成功（node -v，npm -v）
  

2、本地仓库修改和查看

• 查看npm的本地仓库： npm list –global

• 在要修改过去的盘，添加node_global和node_cache两个文件夹

• 修改npm的本地仓库：

    	node_global：
    	npm config set prefix  "D:\Program Files\nodejs\node_global"
    	node_cache：
    	npm config set cache  "D:\Program Files\nodejs\node_cache"
  

• 查看C:\Users\Administrator路径下的.npmrc文件，可知道是否修改成功
  

3、配置淘宝 NPM 镜像

上一步后，需要进入global文件夹中

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm config list 显示所有配置信息
C:\Users\Administrator\.npmrc 一个配置文件
cnpm config get registry检查一下镜像站行不行命令
cnpm info vue检查一下镜像站行不行命令2， 获取vue信息（此时并非安装）

4、安装更新模块

• cnpm install代表安装更新， 第二个npm是指的模块名字

• -g：代表安装到global目录下

• npm –v

cnpm install npm –g

5、配置vue环境变量

• 修改path: D:\Program Files\nodejs\node_global;

• 新增NODE_PATH：D:\Program Files\nodejs\node_global\node_modules
  -

6、配置vue， 配置 vue-router

cnpm install vue -g 配置vue
cnpm install vue-router -g 配置vue-router

7、安装vue脚手架

安装命令：npm install vue-cli –g
验证vue是否安装成功, 命令: vue  -V

8、初始化vue 项目

注意：vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目，他的配置并不全放在根目录下的 webpack.config.js 中。

• 切换到项目目录，并输入： vue init webpack 项目名称（test1）
• 进入目录test1, 初始化并输入命令:cnpm install安装依赖
• 输入命令：npm run dev