使用vscode配置启动vue项目的方法
发表于:2025-02-19 作者:千家信息网编辑
千家信息网最后更新 2025年02月19日,这篇文章主要介绍使用vscode配置启动vue项目的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!注意:这个是1.2版本的配置。1、vetur插件的安装该插件是vue文件基
千家信息网最后更新 2025年02月19日使用vscode配置启动vue项目的方法
这篇文章主要介绍使用vscode配置启动vue项目的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
注意:这个是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配置启动vue项目的方法"这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
插件
项目
配置
文件
运行
输入
方法
代表
内容
控制台
界面
篇文章
错误
装好
控制
很大
成功
上下
价值
作用
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
威海慧明珠软件开发怎么样
数据库的数据检索出来规定格式
购买云数据库产品的途径
戴尔跟神码贴牌服务器叫什么
各省4月房产销量数据库
网络安全工程专业怎样
数据库有关书籍读后感
云服务器要买安全软件
城市住宅是什么数据库的
软件开发与互联网金融哪个好
全国首个皮炎湿疹数据库
嵌入式软件开发的电脑推荐
主从数据库是什么意思
信息平台的网络安全应急预案
巴东数据库修复
圣诞铃声软件开发
软件开发成本细分估算法
数据库TRG
怎样把服务器图标放在桌面
崂山区ios软件开发外包公司
寻仙手游连接服务器中
网络安全和网络舆情问题
超威 刀片服务器管理
微电影网络安全吗
广安数据库
思科网络技术平台网址
南昌大学网络安全实验报告
数据库显示链接失败
环保局网络安全等级管理制度
工商局企业数据库