1使用vue-cli初始化及前面准备

1.  安装node.js

2. 测试一下node 和 npm  是否安装成功 命令   node -v  npm -v

3.  安装  webpack :     npm install [email protected] -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