VS Code编辑器(前端推荐)
前端开发神器,开源、快速、轻量, 相对于厚重的Webstrom(大型项目推荐),不太吃内存,集成功能没有那么丰富, 但也基本能够满足日常的开发,写JS感觉特别爽。相对于最轻量的Sublime Text, 插件多,安装容易,插件生态好了不知多少,和git集成度高
教程
官网:https://code.visualstudio.com
其他指南:https://sspai.com/post/60116
https://sspai.com/post/60117
https://www.jianshu.com/p/11554732b323
Source Control:VS上可视化git操作,挺方便的,但不建议。敲命令行他不香吗?(习惯了没办法hh)
https://blog.csdn.net/qq_35393869/article/details/89477264
https://blog.csdn.net/weixin_44326389/article/details/103736775
常用快捷键
- Mac Os下 :https://www.cnblogs.com/informatics/p/8315339.html
- Windows 下:https://www.cnblogs.com/informatics/p/8315339.html
常用插件
推荐几款好用的VS Code插件,在EXTENSIONS中安装即可
Project Manager
一款多项目管理插件,轻松自定义项目列表,支持工作区另存为项目
安装完后, Command + Shift + P(mac)打开命令面板,输入 Project Manager: Edit Projects 打开project.json文件配置项目,
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23[
{
"name": "Pascal MI",
"rootPath": "c:\\PascalProjects\\pascal-menu-insight",
"paths": [],
"group": "",
"enabled": true
},
{
"name": "Bookmarks",
"rootPath": "$home\\Documents\\GitHub\\vscode-bookmarks",
"paths": [],
"group": "",
"enabled": true
},
{
"name": "Numbered Bookmarks",
"rootPath": "$home\\Documents\\GitHub\\vscode-numbered-bookmarks",
"paths": [],
"group": "",
"enabled": false
}
]rootPath为项目所在实际目录
enabled 定义项目是否展示在管理器中显示
其他示例:https://www.cnblogs.com/wangpinzhou/articles/8997289.html
https://blog.csdn.net/ktutu/article/details/78749846
Favoriates
将文件和目录添加到工作区收藏夹。你可以使用文件和文件夹创建收藏项的组(和子组)。复杂项目的时间节省者。
ESLint官网:https://eslint.org/ 插件化的js代码检测工具
ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格。如果每次在代码提交之前都进行一次eslint代码检查,就不会因为某个字段未定义为undefined或null这样的错误而导致服务崩溃,可以有效的控制项目代码的质量。
GitLens (Github多人协作推荐,可搭配上Git History)
GitLens supercharges内置到Visual Studio代码Git的能力。它可以帮助您通过Git责任注释和代码镜头一目了然地查看代码作者的身份,无缝地导航和浏览 Git存储库,通过强大的比较命令获得有价值的见解,等等。
其他(按需引入):https://blog.csdn.net/jiandan1127/article/details/85957003
https://blog.csdn.net/maixiaochai/article/details/90767129
https://blog.csdn.net/u014307349/article/details/75256046