网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

vscode1.41如何设置开发vuejs

时间:2024-10-13 07:49:45

1、首先检查一下电脑上是否安装Visual Studio Code,通过快捷方式打开

vscode1.41如何设置开发vuejs

2、打开工具之后,查找和使用相关功能,熟悉插件安装和配置

vscode1.41如何设置开发vuejs

3、点击左侧的第五个图标,找到Vetur进行安装,vuejs开发必备工具

vscode1.41如何设置开发vuejs

4、ESLint是vue项目验证代码和格式化代码工具,需要安装一下

vscode1.41如何设置开发vuejs

5、npm是安装vue项目依赖包,检查是否已安装,若没有需要安装一下

vscode1.41如何设置开发vuejs

6、点击File菜单,选择Preferences--->Settings,打开设置窗口;输入ESLint,点击Edit in settings.json

vscode1.41如何设置开发vuejs

7、打开ESLint工具的设置json文件,可以根据需要添加属性

vscode1.41如何设置开发vuejs

8、在ESLint插件下方,可以看到Vetur,勾选或取消勾选对应设置

vscode1.41如何设置开发vuejs

9、在上方的输入框中输入npm,可以对npm配置进行调整

vscode1.41如何设置开发vuejs
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com