在Vs code配置属于自己的Vue开发环境

第一项:安装VS code

直接去神奇的官网下载安装就好了( 这是神奇的链接,点我直接到下载地址哦)

至于安装。。。选好安装位置就直接疯狂Next就好啦!

第二项:配置中文操作页面

安装好打开新鲜火热的Vs Code, 使用ctrl+shift+x快捷键打开Vs Code 的插件商店 搜索 Chinese (simpleflied) Language
就是下面这货
Chinese (simpleflied) Language
安装之后,点击右下角的 restart now ,中文操作页面搞定

第三项:装各种各样的插件

装插件的方法和装中文环境差不多,ctrl+shift+x快捷键,或者点击这个按钮,都可以进入到插件安装页面
安装插件
那么,接下来就是插件推荐环节了

  1. 自动关闭html标签 Auto Close Tag
    Auto Close Tag
  2. 同步修改html标签插件 Auto Rename Tag
     Auto Rename Tag
  3. bootstrap智能提示及补全 Bootstrap 3 Snippets
    Bootstrap 3 Snippets
  4. 各种括号美化 Bracket Pair Colorizer
     Bracket Pair Colorizer
  5. 根据类名找到对应的CSS定义 CSS Peek
    CSS Peek
  6. JS语法纠错 ESLint
     ESLint
  7. Css语法智能提示 HTML CSS Support
    HTML CSS Support
  8. html语法智能提示 HTML Snippets
    HTML Snippets
  9. JS(包含ES6)语法智能提示 JavaScript (ES6) code snippets
    JavaScript (ES6) code snippets
  10. 快速将页面打开 open in browser
    open in browser
    PS :使用方式为,在你写好的页面代码处右键 ——> 在哪里打开页面
  11. 文件路径提示 Path Intellisense
    Path Intellisense
  12. Vue语法高亮、格式化 Vetur
    Vetur
  13. Vue 语法智能提示、补全Vue 2 Snippets
    Vue 2 Snippets

第四项推荐个人喜欢的几个插件

  1. 一套骚骚的图标库Material Icon Theme
    Material Icon Theme
    下面是他的一些图标的展示
    图标展示
  2. markDown的实时展示 Markdown Preview Enhanced
    Markdown Preview Enhanced
随便说两句(VS Code真好用。。。。。)
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值