当前位置: 代码网 > it编程>前端脚本>Vue.js > vscode怎么运行vue代码? vscode启动vue项目的教程

vscode怎么运行vue代码? vscode启动vue项目的教程

2024年09月26日 Vue.js 我要评论
要在vs code中启动vue项目,您可以按照以下步骤进行操作:正常情况打开界面后,创建一个vue文件夹打开终端,输入npm install vue命令,下载代码等待文件下载完成后,找到dist文件夹

要在vs code中启动vue项目,您可以按照以下步骤进行操作:

正常情况

打开界面后,创建一个vue文件夹

打开终端,输入npm install vue命令,下载代码

等待文件下载完成后,找到dist文件夹,双击其中的vue.js 文件运行即可

新手如何用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安装的路径

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com