vscode运行vue项目

朋友搭建了个前端开发框架,如何打开呢?

准备工作

1. 安装node.js和git

2. 检查安装情况,依次输入 node -v 和 npm -v

vscode运行vue项目_第1张图片

查看到版本号,则安装成功。

运行

1. 打开用vscode打开vue项目

vscode运行vue项目_第2张图片

2. Ctrl+shift+Y呼出控制台,在控制台终端输入npm install 或者 npm i 添加包依赖

vscode运行vue项目_第3张图片

3. 同样在终端 执行npm run dev代表开始运行项目,这条命令会自动在浏览器上运行项目,运行结果如下图所示,代表配置成功了。

vscode运行vue项目_第4张图片

 4. 点击(ctrl+点击)网址http://localhost:8080,可得运行结果

 摘自https://blog.csdn.net/xw_009/article/details/105359325

你可能感兴趣的:(vue学习,vue.js,vscode)