1、安装node
2、安装vue,在控制台运行:npm install vue
3、安装脚手架工具(vue/cli)在控制台运行:npm install -g @vue/cli(4.0版本) 或者 nmp install --global vue-cli (2.0版本) 安装太慢了,建议安装个cnpm
在控制台输入:npm install cnpm -g ,然后安装完了在输入:cnpm install @vue/cli -g (建议使用这个,3分钟搞定)
或者使用淘宝镜像安装也行,地址:https://registry.npm.taobao.org/ 在控制台输入: npm config set registry
4、创建vue项目 命令行:vue create mall(mall是项目名称)


运行上面的两个命令

一个vue项目就搭建好了,如下图所示:

6、安装vue-devtools
6.1、电脑本地可以翻墙的就直接去google商店下载安装就可以
6.2、Chrome插件扩展下载网下载安装包,或者下载这个:http://www.zhangren.online/download_file/devtools,如下图所示
6.2、Chrome插件扩展下载网下载安装包,或者下载这个:http://www.zhangren.online/download_file/devtools,如下图所示

然后打开google浏览器
从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 chrome://extensions/ 按下回车打开扩展程序页面

打开扩展程序页面的“开发者模式”

将crx文件拖拽到扩展程序页面,完成安装

最后一步其实是将你下载下来的安装包中的vuejs-devtools拖入扩展程序页面

随便你的浏览器上面就会出现一个vue的logo(记得重启浏览器),如下图所示:

6.3、到github上面下载zip包(安装太慢,不建议这种方法),地址和操作流程:https://github.com/vuejs/vue-devtools/tree/master
在下载下面的文件家中打开运行工具,输入nmp install,然后npm build,然后将打包好的拖入浏览器即可
