详解VSCode配置启动Vue项目


Posted in Javascript onMay 14, 2019

下载安装并配置VSCode

随便百度上搜个最新的VSCode安装好后,点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展,这里要安装两个插件。

1、vetur插件的安装

该插件是vue文件基本语法的高亮插件,在插件窗口中输入vetur点击安装插件就行,装好后点击文件->首选项->设置 打开设置界面,在设置界面右侧添加配置

"emmet.syntaxProfiles": {
 "vue-html": "html",
 "vue": "html"
}

2、eslint插件的安装

eslint智能错误检测插件,在具体开发中作用很大,能够及时的帮我们发现错误。至于安装,同样打开插件扩展窗口输入eslint点击安装插件,装好后也需要进行配置,在同vetur插件一样的地方进行配置

"eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue"
  ],
 
 "eslint.options": {
    "plugins": ["html"]
}

etur和eslint插件在配置中如下图所示

详解VSCode配置启动Vue项目

导入项目并编译

1、导入项目

从github上下载vuestic-admin项目(https://github.com/epicmaxco/vuestic-admin.git),拉到本地后打开VSCode直接文件->打开文件夹 导入项目,Ctrl+shift+Y呼出控制台,在控制台终端输入npm install添加包依赖

详解VSCode配置启动Vue项目

如果没有安装npm请先安装npm。

2、运行项目

同样在终于执行npm run dev代表开始运行项目,这条命令会自动在浏览器上运行项目,运行结果如下图所示,代表配置成功了。

详解VSCode配置启动Vue项目

以上所述是小编给大家介绍的VSCode配置启动Vue项目详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
浏览器常用高宽的jquery插件
Feb 24 Javascript
php 中序列化和json使用介绍
Jul 08 Javascript
JS中数组Array的用法示例介绍
Feb 20 Javascript
自制的文件上传JS控件可支持IE、chrome、firefox etc
Apr 18 Javascript
JavaScript简介
Feb 15 Javascript
JavaScript中模拟实现jsonp
Jun 19 Javascript
JS实现下拉菜单赋值到文本框的方法
Aug 18 Javascript
JavaScript优化以及前段开发小技巧
Feb 02 Javascript
javascript中的隐式调用
Feb 10 Javascript
JavaScript深拷贝和浅拷贝概念与用法实例分析
Jun 07 Javascript
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
微信小程序实现拼图小游戏
Oct 22 Javascript
微信小程序下拉菜单效果的实例代码
May 14 #Javascript
jquery+css实现Tab栏切换的代码实例
May 14 #jQuery
jquery实现二级导航下拉菜单效果实例
May 14 #jQuery
js纯前端实现腾讯cos文件上传功能的示例代码
May 14 #Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
May 14 #Javascript
vue如何获取自定义元素属性参数值的方法
May 14 #Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
May 14 #Javascript
You might like
php读取文件内容的三种可行方法示例介绍
2014/02/08 PHP
详解yii2使用多个数据库的案例
2017/06/16 PHP
PHP基于swoole多进程操作示例
2019/08/12 PHP
jQuery 性能优化指南(3)
2009/05/21 Javascript
检测jQuery.js是否已加载的判断代码
2011/05/20 Javascript
Javascript图像处理思路及实现代码
2012/12/25 Javascript
javascript用函数实现对象的方法
2015/05/14 Javascript
JS实现为排序好的字符串找出重复行的方法
2016/03/02 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
2016/10/31 Javascript
jQuery实现select模糊查询(反射机制)
2017/01/14 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
2017/01/19 Javascript
原生JS和jQuery操作DOM对比总结
2017/01/19 Javascript
nodejs使用express创建一个简单web应用
2017/03/31 NodeJs
js实现一个简单的MVVM框架示例
2018/01/15 Javascript
vue修改对象的属性值后页面不重新渲染的实例
2018/08/09 Javascript
bootstrap动态调用select下拉框的实例代码
2018/08/09 Javascript
element-ui中select组件绑定值改变,触发change事件方法
2018/08/24 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
2019/08/01 Javascript
layui中的switch开关实现方法
2019/09/03 Javascript
解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
2019/11/29 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
2020/01/03 Javascript
原生javascript单例模式的应用实例分析
2020/02/23 Javascript
python实现两个文件合并功能
2018/04/01 Python
Pycharm 操作Django Model的简单运用方法
2018/05/23 Python
使用python读取.text文件特定行的数据方法
2019/01/28 Python
CSS3 Backgrounds属性相关介绍
2011/05/11 HTML / CSS
HTML5 canvas基本绘图之绘制线条
2016/06/27 HTML / CSS
SmartBuyGlasses丹麦:网上购买名牌太阳镜、眼镜和隐形眼镜
2016/10/01 全球购物
销售文员的岗位职责
2013/11/20 职场文书
四年级语文教学反思
2014/02/05 职场文书
cf战队收人广告词
2014/03/14 职场文书
党委班子剖析材料
2014/08/21 职场文书
群众路线教育实践活动方案
2014/10/31 职场文书
2015商场元旦促销活动策划方案
2014/12/09 职场文书
行政处罚事先告知书
2015/07/01 职场文书
MySQL学习必备条件查询数据
2022/03/25 MySQL