VScode 构建vue开发环境

版本:VScode 1.25.1 , vue 2.5.2,eslint 4.15,webpack 3.6

  1. 插件安装
    Vetur :用于编写.vue文件 支持语法高亮,代码辅助完成
    ESLint:用于语法检查
    IntelliJ IDEA Keybindings:习惯IDEA快捷键的可以安装这个插件
    SVN: 因为vscode默认支持的是git,所以需要svn的则需安装这个插件

插件的安装方法均为:搜索-点击install


安装步骤

2.插件配置
这里我主要配置了eslint,如果不配置的话在vue编辑器中他不会做错误提示:
点击Settings->User settings 中添加如下代码:

"eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue"
    ]
}
image.png

3.运行vue项目,这里我用的是webpack,点击Tasks -> Run Task 选择 npm: dev

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489...
    秋玄语道阅读 13,764评论 3 116
  • https://cn.vuejs.org 转载 :OpenDigg awesome-github-vue 是由Op...
    文朝明阅读 6,639评论 0 38
  • Born to win. 生而为赢。 然而,该如何赢呢? 攻城与守城,成功了都算赢,但他们是不一样的。 攻城,有一...
    李爹阅读 231评论 0 3
  • 平静的小镇,莱斯莫先生正在旅馆的阳台上阅读,他被书籍包围着,非常的惬意、悠闲。 突然起风了,莱斯莫抬起头来时,电视...
    红茶配柠檬阅读 501评论 0 0
  • 快乐自在不言中 今天意外收到了女儿汇回来的生日蛋糕 整整美了一天 儿子也跟着乐 连丈夫也一边提蛋糕一边哼生日快乐歌...
    陈糊涂阅读 176评论 0 3