前端准备工作

IDE安装:

下载地址


Node.js:

用于本地部署前端项目

前端准备工作_第1张图片

下载地址

验证: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打包工具

前端准备工作_第2张图片

npm install webpack -g

Vue-cli脚手架工具

完成一个雏形

前端准备工作_第3张图片

npm install --global vue-cli

验证:cmd :  vue -V


 

创建项目

 

1. vue create [ projectName ]

前端准备工作_第4张图片

2. 选择配置

前端准备工作_第5张图片

前端准备工作_第6张图片

3. 项目结构

前端准备工作_第7张图片

你可能感兴趣的:(前端工作)