1. 搭建vue开发环境
下载安装最新版node.js
https://blog.csdn.net/weixin_41192489/article/details/117979077
2. 执行项目创建命令
打开命令行工具
cnpm init vue@latest
无 cnpm 的朋友先执行 npm i cnpm
遇到这种提示时,输入 y 回车
3. 选择项目创建配置
参考下图操作即可
- vue3test 为自定义的项目名称
项目创建成功后,显示如下
4. 安装依赖
继续执行命令进入项目目录
cd vue3test
安装依赖
cnpm i
安装成功后显示
5. 启动项目
继续执行命令
npm run dev
约 1s 项目就会启动成功,显示
浏览器访问 http://127.0.0.1:5173/ 效果如下
恭喜你,vue3 项目创建成功啦 !