vscode运行vue前端项目

vscode下载

vscode切换中文

1.使用快捷键组合【Ctrl+Shift+p】，打开搜索框，输入“configure display language”


2.没切换中文之前，是没有中文选项的，需要安装中文插件，点击安装其他语言，选择简体中文安装插件

导入vue项目

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

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

安装node.js

1.详细教程

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

运行vue项目

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

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

2.同样在终于执行npm run dev代表开始运行项目，这条命令会自动在浏览器上运行项目，如果失败请尝试npm run serve运行，运行成功如下图所示。

3.访问地址，运行结果如图所示：