前端准备工作

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. 项目结构
前端准备工作
文章图片

    推荐阅读