第一项:安装VS code
直接去神奇的官网下载安装就好了( 这是神奇的链接,点我直接到下载地址哦)
至于安装。。。选好安装位置就直接疯狂Next就好啦!
第二项:配置中文操作页面
安装好打开新鲜火热的Vs Code, 使用ctrl+shift+x快捷键打开Vs Code 的插件商店 搜索 Chinese (simpleflied) Language
就是下面这货
安装之后,点击右下角的 restart now ,中文操作页面搞定
第三项:装各种各样的插件
装插件的方法和装中文环境差不多,ctrl+shift+x快捷键,或者点击这个按钮,都可以进入到插件安装页面
那么,接下来就是插件推荐环节了
- 自动关闭html标签 Auto Close Tag
- 同步修改html标签插件 Auto Rename Tag
- bootstrap智能提示及补全 Bootstrap 3 Snippets
- 各种括号美化 Bracket Pair Colorizer
- 根据类名找到对应的CSS定义 CSS Peek
- JS语法纠错 ESLint
- Css语法智能提示 HTML CSS Support
- html语法智能提示 HTML Snippets
- JS(包含ES6)语法智能提示 JavaScript (ES6) code snippets
- 快速将页面打开 open in browser
PS :使用方式为,在你写好的页面代码处右键 ——> - 文件路径提示 Path Intellisense
- Vue语法高亮、格式化 Vetur
- Vue 语法智能提示、补全Vue 2 Snippets
第四项推荐个人喜欢的几个插件
- 一套骚骚的图标库Material Icon Theme
下面是他的一些图标的展示
- markDown的实时展示 Markdown Preview Enhanced