ubuntu安装vscode

下载

wget https://vscode.cdn.azure.cn/stable/f30a9b73e8ffc278e71575118b6bf568f04587c8/code_1.54.1-1614898113_amd64.deb

注意：如果官网获取的下载地址下载 失败或者很慢，将地址替换为vscode.cdn.azure.cn

如

https://az764295.vo.msecnd.net/stable/f30a9b73e8ffc278e71575118b6bf568f04587c8/code_1.54.1-1614898113_amd64.deb

替换为

https://vscode.cdn.azure.cn/stable/f30a9b73e8ffc278e71575118b6bf568f04587c8/code_1.54.1-1614898113_amd64.deb

安装

sudo dpkg -i code_1.54.1-1614898113_amd64.deb

VSCode 开发Vue必备插件

　　对于很多使用vscode编写vue项目的新手同学来说，可能不知道使用什么插件，这里简单说一下我常用的几款插件。

1、Chinese(Simplified) Language: 汉化

2、Vetur

vetur能够实现在 .vue 文件中：
 

• 语法错误检查，包括 CSS/SCSS/LESS/Javascript/TypeScript
• 语法高亮，包括 html/jade/pug css/sass/scss/less/stylus js/ts emmet 支持
• 代码自动补全（目前还是初级阶段），包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript 配合 ESLint 插件使用效果更佳

3、eslint

• eslint插件能够检测代码语法问题，与格式问题，对项目代码风格统一至关重要。

5、HTML CSS Support 在编写样式表的时候，自动补全功能大大缩减了编写时间，推荐！
6、HTML Snippets 这款插件包含html标签，非常全，很实用。
7、Npm Intellisense
8、Path Intellisense 在编辑器中输入路径时，自动补全。

4、Document This

• 注释文档生成

5、Live Server

　　这个插件很有用，安装之后可以打开一个简单的服务器。而且还会自动更新。安装之后，打开项目文件夹，再在文件上点击右键就会出现一个Open with Live Server的选项，

就会自动打开浏览器了。默认端口号是5500

6、GitLens----- Git Supercharged(必备)

• 查看git文件提交历史。

7、Debugger for Chrome

• 直接在vscode里面进行调试js文件，跟谷歌的控制台是一样的功能，下载了它就不用打开浏览器的控制台就能进行打断点。
• 需要配置vscode的lauch.json的谷歌调试相关配置

8、One Monokai Theme

• 能够选择自己喜欢的颜色主题，来编写代码，比较喜欢用的是monokai。

9、vscode-icons

• 能够选择自己喜欢的图标主题，比较推荐vscode icons