如果你换了一台新电脑,如何配置前端环境

（工程位置：e:\vue\myproject

安装步骤：node.js--->淘宝镜像---->webpack--->vue-cli脚手架----->用脚手架构建项目）

[if !supportLists]1、 [endif]安装node.js

从node.js官网下载并安装node(我下载的是node-v10.15.1-x64.msi)，安装过程很简单，一路“下一步”就可以了。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 （node -v），如果出现相应的版本号，则说明安装成功。

[if !supportLists]2、 [endif]安装淘宝镜像

（npm install -g cnpm

--registry=https://registry.npm.taobao.org）

（cnpm –v） 如果不好使就 （npm –v） 如果出现相应的版本号，则说明安装成功。

[if !supportLists]3、[endif]安装webpack 

打开命令行工具输入：（cnpm install webpack -g）

Webpack

是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

安装完成（webpack -v） 

这个版本输入上述命令后，会询问是否先安装webpack-cli,输入y，后等待安装成功。

再次输入（webpack -v）  显示版本号

4、安装vue-cli脚手架构建工具

（cnpm install vue-cli -g）

安装完成之后输入vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。

通过以上4步，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目

[if !supportLineBreakNewLine]

[endif]