vue开发工具vscode插件安装及调试-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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.所有快捷键设置:文件→选项→键盘快捷方式
vue开发工具vscode插件安装及调试
6.下面额外介绍一下怎么把vscode编辑器装换成中文版,方便英文不好的朋友
第一步:使用快捷键【Ctrl+Shift+P】打开搜索框,在弹出的搜索框中输入【configure language】,然后选择搜索出来的【Configure Display Language】就会打开了locale.json文件,可以看到locale的属性值为en
vue开发工具vscode插件安装及调试
第二步:注释掉原来的en,换成中文简体:"locale":"zh-CN",重启vs
第三步:安装的VSCode中的中文语言包,install一下。安装好之后会提示重启VSCode,点击【Yes】重启VSCode软件。接下来就是中文环境了,可以友好的开发了。
vue开发工具vscode插件安装及调试
7.将创建好的项目,打开就可以使用了

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


本文名称:vue开发工具vscode插件安装及调试-创新互联
转载来于:http://kswsj.cn/article/edcih.html

其他资讯