Windows-vscode安装与简单配置

下载网址：https://code.visualstudio.com/

中文插件

安装好后
快捷键：
ctrl + shift + p
输入
configure display language

第一步

第二步

安装中文插件，重启一下即可。

（重点1）安装插件Vetur

常用的插件还有几个

Path Intellisense(必备)
自动提示文件路径，支持各种快速引入文件

Prettier - Code formatter(必备)
代码格式化

open in browser (必备)
支持快捷键与鼠标右键快速在浏览器中打开html文件

npm Intellisense(node必备)
import、require npm模块是自动补全

IntelliSense for CSS class names (推荐)
智能提示 css 的 class 名

Class autocomplete for HTML(必备)
智能提示HTML class =“”属性

HTML Snippets (必备)
智能提示HTML标签，以及标签含义

HTML CSS Support(必备)
让 html 标签上写class 智能提示当前项目所支持的样式

Auto Close Tag(必备)
自动闭合HTML/XML标签

Auto Rename Tag(必备)
自动完成另一侧标签的同步修改

GitLens (使用git的必备) 
Git提示，方便查看git日志，git重度使用者必备

Vue VSCode Snippets(Vue必备)
Vue 语法片段扩展

JavaScript(ES6) code snippets(必备)
ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间

jQuery Code Snippets (推荐)
jQuery代码智能提示

ESLint (推荐)
js语法纠错，可以自定义配置，不过配置较为复杂，建议使用网上一些广泛使用的eslint配置

language-stylus(推荐)  
stylus语法支持

（重点2）调用控制台

按 Ctrl + ~ 键 ( Esc 下面的那个 ) 调出终端 ，执行 相关命令即可

运行

npm run dev
1