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
  • cmd返回上一级;cmd返回组目录
  • 如何配置Java环境变量
  • 使用虚拟机安装然之协同管理工具
  • 如何安装和配置java环境,让电脑支持java运行
  • 命令行怎么切换目录
  • 热门搜索
    幽门螺杆菌怎么治疗 行间距怎么调 怎么去头皮屑最有效 dnf怎么双开 怎么生男孩 口腔上火怎么办 烂脚丫怎么办 接机牌怎么写 你我贷怎么样 中国地质大学怎么样