使用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安全错误
数据库的锁怎样保障安全
知识题库软件开发
u8管理服务器无法启动
思科有意收购网络安全初创企业
计算机网络技术专业实训计划
英文讲解网络安全ppt
2016 顶级服务器
有没有做网络技术的大佬
中国购买黄金的数据库
东莞云软件开发外包
数据库语句实现
sql怎么建立数据库数据库
设置二级路由器上的服务器
计算机网络技术就业排名
求生之路服务器模式怎么改
怎么样把数据库保存到邮箱
局域网ftp 服务器搭建
普陀区无线网络技术管理系统
mac 用什么软件开发
网络安全保障出台的法律
非法软件开发商是否跟广告商合作
南宁轨道交通网络安全事件
手机数据库交互
电商网络安全技术如何应用
长剑软件开发模型
江西网络安全空间协会
购物网站服务器搭建
应用系统一般放在什么服务器
明日方舟一开始的服务器
西安软通动力网络技术
中兴通讯有数据库业务吗