新建VUE3项目

文章讲述了如何升级旧版Node.js到最新稳定版,使用n模块进行管理,以及创建Vue项目的过程。在创建项目时需要注意进入项目目录后执行npminstall安装依赖,并在dev脚本后添加--open参数以便于自动打开浏览器预览项目。
摘要由CSDN通过智能技术生成
  1. 升级node版本

三年没有用自己的笔记本敲代码了,导致目前的node版本很低

第一步是升级自己笔记本上的node版本

node -v 查看目前node版本 (10.15.0)

npm install -g n (安装n模块 权限问题需要用到sudo)

n stable (升级到稳定版本 同样权限问题需要用到sudo)

node -v (最后再检查node版本是否升级成功)

  1. 用最新版本的node创建项目

npm init vue@latest

  1. 进入新建项目的目录,npm install安装依赖,然后执行npm run dev 即可启动项目

  1. 后续按照自己的需求安装插件即可

在新建项目的时候遇到的坑:

新建项目之后,没有进项目目录,执行npm run dev 一直报错,找不到命令,开始一直没有发现是什么问题,后来才发现是这个问题

在脚本dev的结尾加--open 项目启动的时候默认浏览器会打开项目

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值