下载安装node.js,在vscode上创建vue项目

一.node.js下载安装
1.node.js官网下载
在这里插入图片描述
安装一直点回车就好。

2.查看是否安装完成
打开终端(WIN+R快捷键)输入cmd
在这里插入图片描述
然后输入node -vnpm -v查看版本号(如图所示,则安装node.js成功)
在这里插入图片描述
3.安装cnpm(淘宝镜像)
继续输入npm install -g cnpm --registry=https://registry.npm.taobao.org ,cnpm能代替npm下载安装需要的依赖包
在这里插入图片描述
4.安装vue-cli脚手架构建工具
输入npm install -g vue-cli 等待安装成功即可
在这里插入图片描述
5.创一个文件夹放vue项目命名为NodeDemo(建议不要再C盘),在终端输入md NodeDemo
在这里插入图片描述
二、在vscode创建vue项目
1.在vscode的终端->新终端,然后在终端的路径找到新建的NodeDemo文件,输入vue init webpack firstApp (firstApp是自己定义的名字)
在这里插入图片描述
2.在vscode打开firstApp,终端进入firstApp,在终端输入 cnpm install(用cnpm代替npm)
在这里插入图片描述
继续输入 npm run dev 运行程序,要是显示错误可以用 npm run serve在这里插入图片描述
此时在浏览器输入http://localhost:8080/#/
在这里插入图片描述
项目创建好了,开始我们的旅程吧!!!

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VSCode中配置Node.js,你可以按照以下步骤进行操作: 1. 首先,确保已安装Node.js。你可以从Node.js官方网站下载最新版本的Node.js。 2. 打开VSCode,并在侧边栏中选择“扩展”图标。在搜索栏中输入“Node.js”,然后选择合适的扩展插件安装,如“Node.js”插件。 3. 安装完毕后,点击侧边栏中的“调试”图标。在调试面板中,点击齿轮图标,选择“创建一个launch.json文件”来创建一个调试配置文件。 4. 在弹出的选择列表中,选择“Node.js”作为调试环境。 5. 接下来,你可以在launch.json文件中配置调试选项。根据你的需要,可以设置调试入口文件、命令行参数等。 6. 配置完成后,你可以点击调试面板的绿色运行按钮开始调试你的Node.js程序。 以上是在VSCode中配置Node.js的简要步骤,你可以根据需要自定义调试配置。如果你需要更详细的配置信息,你可以参考引用中提到的关于VSCodeNode.js调试器launch.json配置的详细介绍。希望能对你有所帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vscode配置nodejs](https://blog.csdn.net/ybb_ymm/article/details/130988768)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vscodenode.js debugger 的 launch.json 配置详细教程.zip](https://download.csdn.net/download/qq_40957277/22017256)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Node VSCode 如何配置使用 Node.js](https://blog.csdn.net/mChales_Liu/article/details/106153041)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值