【新手如何用vsCode运行vue项目】

安装Node.js

下载地址:https://nodejs.org/en/,安装过程一路next就行
检查安装是否成功:
(1)node -v,出现版本号
在这里插入图片描述
(2)node -e “console.log(‘Hello world!’)”
在这里插入图片描述

说明安装成功了。

打开vsCode左侧栏的扩展,搜索并安装 Vetur

在这里插入图片描述
英文不熟练的小伙伴可以在拓展商店搜索chinese安装中文插件
在这里插入图片描述

左上角打开要运行的项目所在文件夹

在vsCode按住ctrl+`呼出终端,输入 npm install 回车(正常运行的点这里

在这里插入图片描述

如果结果出现无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称...

这说明没有设置环境变量,这时候应该:
(1)在“我的电脑”右键打开“属性”——>高级系统设置——>环境变量
(2)在用户变量点击“新建”,变量名输入NODE_PATH,变量值输入你node.js安装的路

在这里插入图片描述
在这里插入图片描述
(3)修改系统变量中的Path,添加 %NODE_PATH%
在这里插入图片描述

(4)在node.js的安装路径下创建文件夹“node_global”及“node_cache
在这里插入图片描述

(5)在终端运行

npm config set prefix “D:\software\nodeJs\node_global”
npm config set cache “D:\software\nodeJs\node_cache”
npm config set registry=http://registry.npm.taobao.org

在这里插入图片描述
(6)设置vsCode为管理员身份运行
在这里插入图片描述
(7)用管理员方式运行 powershell
执行:get-ExecutionPolicy
执行:set-ExecutionPolicy RemoteSigned
输入Y回车
![
在这里插入图片描述

在vsCode终端重新输入npm install,可以看到成功了

在这里插入图片描述

继续输入npm run dev运行项目

成功运行的话,恭喜你到这里结束了!http://localhost:8080就可以打开项目了~

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

igreat0826

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值