如何使用vscode配置启动vue项目
发布时间 - 2020-04-05 00:00:00 点击率:次注意:这个是1.2版本的配置。
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"]
}vetur和eslint插件在配置中如下图所示:
导入项目并编译
1、导入项目
从github上下载vuestic-admin项目,拉到本地
后打开VSCode直接文件->打开文件夹 导入项目,Ctrl+shift+Y呼出控制台,在控制台终端输入npm install添加包依赖
如果没有安装npm请先安装npm。
2、运行项目
同样在终于执行npm run dev代表开始运行项目,这条命令会自动在浏览器上运行项目,运行结果如下图所示,代表配置成功了。
相关教程推荐:vscode教程
# vscode
# vue
# 所示
# 如下图
# 装好
# 请先
# 就行
# 这条
# 如果没有
# 拉到
# 呼出
# 器上
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?
jquery插件bootstrapValidator表单验证详解
如何在宝塔面板创建新站点?
Laravel模型事件有哪些_Laravel Model Event生命周期详解
Laravel如何集成微信支付SDK_Laravel使用yansongda-pay实现扫码支付【实战】
DeepSeek是免费使用的吗 DeepSeek收费模式与Pro版本功能详解
长沙做网站要多少钱,长沙国安网络怎么样?
如何在VPS电脑上快速搭建网站?
Laravel中的withCount方法怎么高效统计关联模型数量
简单实现Android验证码
齐河建站公司:营销型网站建设与SEO优化双核驱动策略
英语简历制作免费网站推荐,如何将简历翻译成英文?
Laravel如何实现RSS订阅源功能_Laravel动态生成网站XML格式订阅内容【教程】
如何解决hover在ie6中的兼容性问题
专业型网站制作公司有哪些,我设计专业的,谁给推荐几个设计师兼职类的网站?
如何在IIS7上新建站点并设置安全权限?
Laravel如何配置和使用缓存?(Redis代码示例)
详解Oracle修改字段类型方法总结
什么是JavaScript解构赋值_解构赋值有哪些实用技巧
如何实现javascript表单验证_正则表达式有哪些实用技巧
如何在自有机房高效搭建专业网站?
香港服务器如何优化才能显著提升网站加载速度?
Laravel如何操作JSON类型的数据库字段?(Eloquent示例)
如何用PHP快速搭建CMS系统?
如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗?
深圳网站制作平台,深圳市做网站好的公司有哪些?
Laravel怎么设置路由分组Prefix_Laravel多级路由嵌套与命名空间隔离【步骤】
VIVO手机上del键无效OnKeyListener不响应的原因及解决方法
Win11怎么设置默认图片查看器_Windows11照片应用关联设置
HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】
简历没回改:利用AI润色让你的文字更专业
高防服务器租用首荐平台,企业级优惠套餐快速部署
JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)
Laravel如何使用Spatie Media Library_Laravel图片上传管理与缩略图生成【步骤】
如何在万网ECS上快速搭建专属网站?
深入理解Android中的xmlns:tools属性
Laravel如何使用查询构建器?(Query Builder高级用法)
javascript基于原型链的继承及call和apply函数用法分析
如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗?
大连企业网站制作公司,大连2025企业社保缴费网上缴费流程?
如何在阿里云虚拟服务器快速搭建网站?
Laravel如何处理异常和错误?(Handler示例)
Gemini怎么用新功能实时问答_Gemini实时问答使用【步骤】
Laravel如何优雅地处理服务层_在Laravel中使用Service层和Repository层
Laravel怎么返回JSON格式数据_Laravel API资源Response响应格式化【技巧】
如何在Windows 2008云服务器安全搭建网站?
Laravel如何发送系统通知_Laravel Notifications实现多渠道消息通知
Python图片处理进阶教程_Pillow滤镜与图像增强
Claude怎样写约束型提示词_Claude约束提示词写法【教程】
微信推文制作网站有哪些,怎么做微信推文,急?

