IDE安装:
文章图片
下载地址
Node.js:
用于本地部署前端项目
文章图片
下载地址
验证:cmd:node -v
Npm / Cnpm
node的"nuget"
安装node会附带npm
验证:cmd:npm -v
使用国内镜像替换:
npm install -g cnpm --registry=https://registry.npm.taobao.org
Git安装
git可选安装
下载地址
WebPack打包工具
【前端准备工作】

文章图片
npm install webpack -g
Vue-cli脚手架工具
完成一个雏形

文章图片
npm install --global vue-cli
验证:cmd :vue -V
创建项目
1. vue create [ projectName ]

文章图片
2. 选择配置

文章图片

文章图片

文章图片

文章图片
3. 项目结构

文章图片