前期准备
请前往官网下载vs code
中文插件
刚安装好的vs code是英文界面,需要安装以下中文插件

安装完成后的界面如下

JavaScript (ES6) Code Snippets
用于VSCode编辑器的ES6语法中的JavaScript代码片段(同时支持JavaScript和TypeScript)。

用惯了之后蛮提升效率的,比如js里敲imp,然后回车=>import moduleName from 'module';
ESLint
这个是最流行的代码风格检查插件,有超过670万的安装量,ESLint可以帮助我们检查Javascript编程时的语法错误。比如:在Javascript应用中,你很难找到你漏泄的变量或者方法。ESLint能够帮助我们分析JS代码,找到bug并确保一定程度的JS语法书写的正确性。
Node.js Modules IntelliSense
为JavaScript和TypeScript模块自动补全import语句。

Path IntelliSense
可以自动补全文件名,可以在输入时对本地文件进行智能提示。
Beautify
安装量超过230万,Beautify是jsBeautifier的插件,支持JavaScript、JSON、CSS和HTML一键格式化。


Live Server
在本地开发环境中,实时重新加载(reload)页面。
Vetur
为Vue框架提供语法高亮、代码片段、Emmet、格式化、代码风格检查、智能提示、调试帮助等。有非常详细的文档: vetur。
其它插件等待探索中.....
网友评论