vsCode如何运行一个vue项目
安装Node.js
下载地址:https://nodejs.org/en/,安装过程一路next就行
检查安装是否成功:
(1)node -v,出现版本号
(2)node -e “console.log(‘Hello world!’)”
说明安装成功了。
打开vsCode左侧栏的扩展,搜索并安装 Vetur
英文不熟练的小伙伴可以在拓展商店搜索chinese安装中文插件
左上角打开要运行的项目所在文件夹
如果结果出现
无法将“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就可以打开项目了~
版权归原作者 igreat0826 所有, 如有侵权,请联系我们删除。