Vue环境的搭建

Vue环境的搭建

想要搭建一个Vue环境，首先下载好Git命令行（跟cmd差不多）、node.js、Vue-Devtools–master建议将这三个安装放在同一个自定义的目录里面。

1. 在自己自定义的目录里面新建一个文件夹，然后鼠标右击文件夹，选git bash here，git就会默认在这个文件夹路径打开,依次输入如下
   node -v
   npm -v
   npm install -g cnpm --registry=https://registry.npm.taobao.org
   cnpm install vue-cli -g
   

2. 安装webpack
   cnpm install webpack -g
   

3.新建一个目录zs1
vue init webpack zs1 具体操作如下图：
cd zs1 进入这个目录
cnpm install 安装cnpm

4. npm run dev(让他跑起来)
   
   复制 http://localhost:8080

5.打开谷歌游览器点击右上角三个点 点开 点击更多工具——>拓展程序
——>加载已解压的拓展程序 选择自己自定义文件夹的Vue-Devtools–master——>chrome就OK。
6.打开谷歌在搜索栏输入http://localhost:8080
看到如下图则配置成功