vue开发工具vscode插件安装及调试-创新互联

1.vue的开发工具Visual Studio Code下载链接：进入vscode官网（https://code.visualstudio.com/Download）
2.选择下一步安装，我接受协议，选择安装位置，将打开方式添加到鼠标右键菜单上（勾选“其他”中的第一选项），继续点击下一步，完成安装。
3.vscode开发前需要安装几个插件。可直接在工具中打开安装。也可进入vscode官网插件商店（https://marketplace.visualstudio.com/VSCode） 进行下载安装。
![](https://s1.51cto.com/images/blog/201903/02/17f75cc60fa480fcfc5031f8dd720c9c.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk

10年积累的成都网站制作、成都做网站、外贸营销网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有江城免费网站建设让你可以放心的选择与我们合作。

4.vue常用插件介绍
// 插件1：vetur
// 插件2：vscode-icons
// 插件3：stylelint
// 插件4：Output Colorizer
// 插件5：HTML Snippets
// 插件6：HTML Boilerplate
// 插件7：GitLens — Git supercharged
// 插件8：Git History
// 插件9：CSS Peek
// 插件10：Beautify css/sass/scss/less
// 插件11：Beautify
// 插件12：Auto Rename Tag
// 插件13：Atom One Dark Theme
5.所有快捷键设置：文件→选项→键盘快捷方式

6.下面额外介绍一下怎么把vscode编辑器装换成中文版，方便英文不好的朋友
第一步：使用快捷键【Ctrl+Shift+P】打开搜索框，在弹出的搜索框中输入【configure language】，然后选择搜索出来的【Configure Display Language】就会打开了locale.json文件，可以看到locale的属性值为en

第二步：注释掉原来的en，换成中文简体："locale":"zh-CN"，重启vs
第三步：安装的VSCode中的中文语言包，install一下。安装好之后会提示重启VSCode，点击【Yes】重启VSCode软件。接下来就是中文环境了，可以友好的开发了。

7.将创建好的项目，打开就可以使用了

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

名称栏目：vue开发工具vscode插件安装及调试-创新互联
文章路径：http://cxhlcq.com/article/edcih.html