搭建前端vue2.0环境

1、首先，在百度搜索node.js，在官网上https://nodejs.org/zh-cn/下载最新版的node.js，进行安装

安装后，查看nodejs版本    node -v

安装好nodejs后再查询npm版本，因为nodejs已经集成了npm，安装好nodejs后npm会自动安装好

3、安装淘宝镜像

用管理员身份打开命令提示符（cmd），输入npm install -g cnpm –registry=https://registry.npm.taobao.org，回车，进行安装，等待安装完成

2、新建文件夹，并通过VSCode打开，按住ctrl+~，打开远程调式端口

在此目录下安装webpack

npm install webpack -g

3、安装vue-cli脚手架工具

npm install -g vue-cli

完成后，查看是否安装成功，查看vue -V，此处V为大写

4、初始化项目

在此目录下，输入vue init webpack taobao，taobao为你想建的项目名称

其中，是否使用ESLint规范自己的代码，可根据实际需要来选择，选择后，也可在build/webpack.base.conf.js 配置文件中的eslint rules注释掉

最后一步，是否执行npm，可直接选择使用npm，或者后续手动执行安装依赖包

5、安装依赖

若第四步选择手续手动执行，则进入你新建的项目中，cd taobao

输入npm install，用来安装依赖包，等待安装完成

安装成功后，目录结构为：

6、运行测试

打开新建项目下的package.json，查看启动命令

由此可看出命令为 npm run dev，其中dev可修改为你熟悉的名称，来启动项目，如修改为dev1，则启动命令为：

npm run dev1

启动完成后，点击链接http://localhost:8080 即可访问项目