VsCode插件安装及推荐

1、快捷键Ctrl + P，打开插件，输入 ext install （我习惯的输入方式）；2、或者点击图片中的圈红的按钮，也可以进入插件安装商城；3、下面开始说下我目前安装的插件（我目前是vue开发，less编译css文件，项目管理是svn，所以用到的是这么多）HTML Snippets （提示初级的H5代码片段）HTML CSS Support （让 html 标签上写class 智能提示当前项

GossipHHH

44246人浏览 · 2017-09-29 11:43:34

GossipHHH · 2017-09-29 11:43:34 发布

1、快捷键Ctrl + P，打开插件，输入 ext install （我习惯的输入方式）；

 
 2、或者点击图片中的圈红的按钮，也可以进入插件安装商城； 
  

 
  3、下面开始说下我目前安装的插件（我目前是vue开发，less编译css文件，项目管理是svn，所以用到的是这么多） 
 
  HTML Snippets （ 
  提示初级的H5代码片段 
  ）

 
 HTML CSS Support （ 
 让 html 标签上写class 智能提示当前项目所支持的样式 
 ） 

 
  jQuery Code Snippets （ 
  jq的必备品 
  ） 
 

 
  view in broswer （ 
  ctrl + f1 在默认的浏览器中运行当前的html，用惯HBuilder和webstrom这些ID一定会喜欢这个插件的 
  ） 
 

 
  vscode-icon （ 
  让vscode的文件夹目录添加上对应的图标 
  ） 
 

 
  注：安装好如果不生效的话，需要到“文件 -- 首选项 -- 文件图标主题 -- 选择vscode icons ” 
 
   Path Intellisense （文件路径自动补全）

 
  Npm Intellisense （ 
  require 时的包提示 
  ） 
 

 
  Atuo Rename Tag （修改标签闭合，习惯用webstrom，这个就是似曾相识的感觉了） 
 

 
  filesize （ 
  在底部状态栏显示当前文件大小，点击后还可以看到详细创建、修改时间）

 
  Bracket Pair Colorizer （ 
  让括号有独立的颜色）

 
  Vue插件 
 
   vetur （ 
   语法高亮、智能感知、Emmet等 
   ） 
  
    VueHelper （ 
    snippet代码片段） 
   
   SVN 
  
    tortoiseSvn 
   
     tortoiseSvn for vs code 
    
     LESS 
    
      easy less（ 
      保存后自动编译 
      ） 
     
      还有一些。。。我也不知道是什么功能了，反正都下了 = = 
     
    首选项--设置 
   
      { 
    
     "git.ignoreMissingGitWarning": 
     true, 
    
     "workbench.iconTheme": 
     "vscode-icons", 
    
     "files.autoSave": 
     "off", 
    
     "eslint.validate": [ 
     //eslint配置 
    
     "javascript", 
    
     "javascriptreact", 
    
     "html", 
    
      { 
     "language": 
     "vue", 
     "autoFix": 
     true } 
    
      ], 
    
     "eslint.options": { 
    
     "plugins": [ 
     "html"] 
    
      }, 
    
     "editor.fontSize": 
     16, 
    
     "editor.detectIndentation": 
     false, 
     //缩进 
    
     "vetur.validation.template": 
     false, 
     //遍历时报错 
    
     "files.associations": { 
     "*.vue": 
     "html"}, 
    
     "editor.wordWrap": 
     "on" , 
     //换行 
    
     "files.associations": { 
    
     "*.vue": 
     "vue" 
    
      } 
     //scss报错 
    
      }

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^