一:VSCode简介
VSCode（ Visual Studio Code）是微软出的一款轻量级代码编辑器 ，重要的是它在Windows, OS X 和Linux操作系统的桌面上均可运行。Visual Studio Code内置了对JavaScript, TypeScript和Node.js语言的支持，并且为其他语言如C++, C#, Python, PHP等提供了丰富的扩展库和运行时。
二:VSCode安装
1.安装
官网下载: https://code.visualstudio.com/
2.推荐插件安装
- HTML Snippets : H5代码片段以及提示
- HTML CSS Support : 让 html 标签上写class 智能提示当前项目所支持的样式 新版已经支持scss文件检索
- Debugger for Chrome : 让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试
- vetur : vue框架所需的插件 语法高亮、智能感知、Emmet等
- VueHelper : snippet代码片段
- Auto Close Tag : 自动补全关闭标签
- Auto Rename Tag : 自动重命名标签
- Beautify : HTML、CSS、JS、JSON SASS语法高亮,格式化代码的工具,ctrl+shift+p输入beautify就有提示。
- Better Comments : 不同的注释显示不同的颜色, *, ?, ! 注释颜色是不同的
- Bracket Pair Colorizer : 对应括号显示同样的颜色.
- Code Runner : 运行js文件工具, ctrl+alt+n 就可以运行文件,系统自动调用node运行文件
- Document This : ctrl+alt+D,两次.文档注释(/** tab)
- JavaScript(ES6) code snippets : es6代码自动补全
- jQuery Code Snippets : jquery代码自动补全,如 jqAjax生成ajax代码
- Node.js Modules IntelliSense : 提供JavaScript 和 TypeScript导入声明时自动补全
- Path Autocomplete :路径补全工具
- Project Manager : 项目管理工具
- vscode-icons : 文件图标主题
- vue-beautify : vue文件格式化
- markdown使用 : 新建md文件,ctrl+shift+v可边写边预览
3.配置菜单
点击菜单: 文件--勾选自动保存
窗口字体缩放: ctrl + -, ctrl + +