详解VSCode配置启动Vue项目
更新时间：2019年05月14日 17:02:32 作者：ywltoread
这篇文章主要介绍了VSCode配置启动Vue项目，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
下载安装并配置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插件在配置中如下图所示
导入项目并编译
1、导入项目
从github上下载vuestic-admin项目（https://github.com/epicmaxco/vuestic-admin.git）,拉到本地后打开VSCode直接文件->打开文件夹 导入项目，Ctrl+shift+Y呼出控制台，在控制台终端输入npm install添加包依赖
如果没有安装npm请先安装npm。
2、运行项目
同样在终于执行npm run dev代表开始运行项目，这条命令会自动在浏览器上运行项目，运行结果如下图所示，代表配置成功了。
以上所述是小编给大家介绍的VSCode配置启动Vue项目详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了vue数据字典取键值方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
Vue3 封装一个支持输入和单/多选InputSelect组件-Antd详解
Antd的Select组件默认不支持作为输入框使用或手动添加选项,为了实现这一功能,我们封装了一个通用组件,支持单选和多选模式,并允许用户在组件失焦时手动输入选项,主要通过定义searchText存储输入数据,感兴趣的朋友跟随小编一起看看吧2024-09-09
vue引入新版 vue-awesome-swiper插件填坑问题
这篇文章主要介绍了vue引入新版 vue-awesome-swiper插件填坑问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
Axios是一款网络前端请求框架，本文主要介绍了vue中Axios添加拦截器刷新token的实现方法，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
最近在Vue项目中引入高德地图,实现地图展示与交互的方法和技术,这里跟大家分享下,这篇文章主要给大家介绍了关于前端Vue3引入高德地图并展示行驶轨迹动画的相关资料,需要的朋友可以参考下2024-09-09
这篇文章主要介绍了浅谈vue中.vue文件解析流程,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
这篇文章主要为大家详细介绍了vue实现带小数点的星星评分，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
vue提倡的是在方法中只有对数据的处理，所以提供了事件修饰符用于DOM的事件处理，下面这篇文章主要给大家介绍了关于Vue自定义组件使用事件修饰符的相关资料,需要的朋友可以参考下2021-05-05
这篇文章主要介绍了vue+element UI中如何给指定日期添加标记问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-02-02
这篇文章主要为大家详细介绍了vue如何使用js-audio-recorder实现录音功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2023-12-12
最新评论