Node创建VUE项目

步骤教程1:https://blog.csdn.net/qq_33237207/article/details/81564306?utm_medium=distribute.pc_relevant.none-task-blog-title-3&spm=1001.2101.3001.4242
教程2：https://www.cnblogs.com/huozf/p/11362114.html
完整教程（附带解释）：https://blog.csdn.net/xinpz/article/details/81871785

安装常见问题:

1. 权限不够的时候,可以用管理员的身份启动windows命令行窗口

2. 如果中途出现问题,不知道该怎么解决的,可以卸载node重新安装并配置环境.注意:把用户目录下的.npmc删除,然后把当前用户目录AppData/Roaming下的npm、npm_cache删除（AppData是隐藏 的系统文件），需要开启隐藏文件才能看见

   图示

3. 安装的步骤：

1. 下载并安装node（尽量不要用最新版）
2. node -v 
    npm -v
   能显示版本号的，说明安装成功了
3. 在node安装目录的下面创建两个文件夹（node_cache、node_global）
   然后在windows命令行中输入“ npm config set cache" 后面跟上 node_cache的路径
   同理”npm config set prefix "后面跟上node_global的路径
4. 安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org  安装完之后配置环境变量，配置完成之后，输入cnpm -v 能出来版本号，就说明成功了。
5. 安装vue：cnpm install vue -g
6. 安装vue脚手架：cnpm install vue-cli -g 
7. 到此为止，node的环境配置成功。
8. 创建一个用于存放vue项目的文件夹。
9. 切换到对应的文件夹中，创建vue项目：vue init webpack demo(项目名称)，后边一直回车即可。。
10. cd 项目名，进入项目，然后 npm install 安装相关的依赖
11.npm run dev启动项目

4. 图示

   
   
   创建node_cache和node_global文件夹
   
   
   配置缓存，全局安装的路径和淘宝镜像
   
   
   配置cnpm的全局环境1
   
   
   配置cnpm的全局环境2
   
   
   cnpm全局的环境配置成功
   
   
   安装vue
   
   
   安装vue-cli
   
   
   创建项目
   
   
   安装依赖，启动项目
   
   
   启动成功页面

vue