1. 安装node.js
2. 测试一下node 和 npm 是否安装成功 命令 node -v npm -v
3. 安装 webpack : npm install webpack@3.11.0 -g
4. 安装淘宝镜像: npm install nrm -g
5. 查看镜像源: nrm ls
6. 选择淘宝镜像: nrm use taobao
7 下载vue-cli 脚手架设置成全局 npm install vue-cli -g
8 初始化项目 vue init webpack admin
vscode:
浏览器插件
Vue.js devtools
自动补全标签
Auto Close Tag
Auto Complete Tag
Auto Rename Tag
开启服务器
开启一个服务器浏览HTML网页,第一次使用需要Ctrl + Shift + p输入 live server选择open
Live Server
路径自动补全
Path Intellisense
vue语法高亮和自动补全代码
Vetur
VueHelper
谷歌浏览器插件
http://getcrx.cn/#/
格式化vue代码
1.下载vutur
打开Vs Code,文件->首选项->设置,搜索vetur,按如下图示将vetur插件的 vetur.format.defaultFormatter.html 的值修改成 js-beautify-html\
参考 https://blog.csdn.net/twodogya/article/details/80728262
2符合eslint格式的 ctrl+s可以直接格式化代码不需要安装插件
https://www.jianshu.com/p/23a5d6194a4b