vscode运行vue前端项目

vscode下载

vscode切换中文

1.使用快捷键组合【Ctrl+Shift+p】,打开搜索框,输入“configure display language”
疑难杂症——如何利用vscode运行vue前端项目
疑难杂症——如何利用vscode运行vue前端项目
2.没切换中文之前,是没有中文选项的,需要安装中文插件,点击安装其他语言,选择简体中文安装插件
疑难杂症——如何利用vscode运行vue前端项目

导入vue项目

1.选择文件—打开文件—选择要导入的vue项目文件夹

2.安装vutur插件,此插件为vue代码高亮插件,选择安装插件

安装node.js

1.详细教程

2.安装完成后,打开命令行,输入“node -v”,检查是否安装成功

疑难杂症——如何利用vscode运行vue前端项目

运行vue项目

1.返回vscode,Ctrl+shift+Y呼出控制台,在控制台终端输入npm install添加包依赖 。

如果报错,请确认自己是否以管理员方式运行的vscode。

疑难杂症——如何利用vscode运行vue前端项目
2.同样在终于执行npm run dev代表开始运行项目,这条命令会自动在浏览器上运行项目,如果失败请尝试npm run serve运行,运行成功如下图所示。
疑难杂症——如何利用vscode运行vue前端项目
3.访问地址,运行结果如图所示:
疑难杂症——如何利用vscode运行vue前端项目

相关文章:

  • 2021-05-12
  • 2021-04-19
  • 2021-10-19
  • 2021-10-22
  • 2021-06-21
  • 2021-08-31
  • 2022-01-18
  • 2021-12-04
猜你喜欢
  • 2021-11-29
  • 2021-12-14
  • 2022-12-23
  • 2021-11-15
  • 2021-06-04
  • 2021-08-06
相关资源
相似解决方案