vscode创建一个vue-cli项目

前言

• npm: Nodejs下的包管理器
• webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包
• vue-cli: 用户生成Vue工程模板（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）

1、安装node.js

• 最好不要安装在C盘（踩坑，所以下面路径都在C底下，你们最好不要按在C盘）
• 注意系统环境变量的配置
• 管理员运行cmd窗口，可输入node -v 查看node版本
• 管理员运行cmd窗口，可输入npm -v 查看npm版本
• npm config set prefix "c:\Program Files\nodejs\node_global"
• npm config set cache "c:\Program Files\nodejs\node_cache"

2、安装cnpm

• 使用这个的下载速度比npm的快
• 管理员运行cmd窗口输入npm install -g cnpm --registry=https://registry.npm.taobao.org
• 注意环境变量的配置（CNPM_PATH、PATH）
• 安装成功后就可以使用cnpm替代npm命令了

3、安装全局vue cli —— 脚手架

• 管理员运行cmd窗口输入cnpm install vue-cli -g
• 可以在终端输入vue init webpack 项目名 来验证是否安装成功，Ctrl+C 退出

4、VSCode

• 打开VSCode ，新建终端（注意项目想要存放的路径）
• 在这个终端里输入vue init webpack 项目名，然后一直按确认或输入y按确认，等待项目初始化
• 这时遇到了报错：无法加载文件…
  解决报错：以管理员身份打开Windows PowerShell
  输入set-ExecutionPolicy RemoteSigned
  选择Y 或者A，就可以了
  
  
• 项目建完后就可以看到文件夹里的目录
• 这时在终端输入npm run serve或yarn serve，项目就跑起来啦。