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打包工具
【前端准备工作】
![前端准备工作](https://img.it610.com/image/info8/5473cf7c2f404d3c9c80c2cf23f5e584.jpg)
文章图片
npm install webpack -g
Vue-cli脚手架工具
完成一个雏形
![前端准备工作](https://img.it610.com/image/info8/9a9dc0b8c0d64ba6bc4688bae2441731.jpg)
文章图片
npm install --global vue-cli
验证:cmd :vue -V
创建项目
1. vue create [ projectName ]
![前端准备工作](https://img.it610.com/image/info8/540c88fc7003488abe16570aade8a0d4.jpg)
文章图片
2. 选择配置
![前端准备工作](https://img.it610.com/image/info8/f252c3aea4ad4a89a02dd81f497549ed.jpg)
文章图片
![前端准备工作](https://img.it610.com/image/info8/25b725d142764315b2a70c60c8a4f0a4.jpg)
文章图片
![前端准备工作](https://img.it610.com/image/info8/9eb4ec21f906464ca0a79ed9b793752e.jpg)
文章图片
![前端准备工作](https://img.it610.com/image/info8/8c55a6d694ec4f51a695f98bc1aeda92.jpg)
文章图片
3. 项目结构
![前端准备工作](https://img.it610.com/image/info8/867ad9dbe5e14e55b64ab054a1889584.jpg)
文章图片