文章目录
- 创建一个Vue应用
- 运行项目
- 打包项目
创建一个Vue应用
以下指令将会安装并执行 create-vue,它是 Vue 官方的项目脚手架工具
npm create vue@latestpnpm create vue@latestyarn create vue@latestbun create vue@latest
安装过程一些参考选项
✔ Project name: … <your-project-name> 项目名称
✔ Add TypeScript? … No / Yes 是否添加TypeScript
✔ Add JSX Support? … No / Yes 是否支持JSX
✔ Add Vue Router for Single Page Application development? … No / Yes 是否添加Vue路由器
✔ Add Pinia for state management? … No / Yes 是否添加Pinia状态管理器
✔ Add Vitest for Unit testing? … No / Yes 是否添加测试
✔ Add an End-to-End Testing Solution? … No / Cypress / Playwright 是否添加端到端测试解决方案
✔ Add ESLint for code quality? … No / Yes 是否添加ESLint以提高代码质量
✔ Add Prettier for code formatting? … No / Yes 是否为代码格式添加Prettier最后进入项目目录 Done
运行项目
cd <your-project-name> 进入你的项目
npm install 安装依赖
npm run dev 运行项目
打包项目
进入项目根目录,打包项目
npm run build
或者
pnpm run build
或者
yarn build
或者
bun run build
✨ 踩坑不易,还希望各位大佬支持一下 \textcolor{gray}{踩坑不易,还希望各位大佬支持一下} 踩坑不易,还希望各位大佬支持一下
📃 个人主页: \textcolor{green}{个人主页:} 个人主页: 沉默小管
📃 个人网站: \textcolor{green}{个人网站:} 个人网站: 沉默小管
📃 个人导航网站: \textcolor{green}{个人导航网站:} 个人导航网站: 沉默小管导航网
📃 我的开源项目: \textcolor{green}{我的开源项目:} 我的开源项目: vueCms.cn
🔥 技术交流 Q Q 群: 837051545 \textcolor{green}{技术交流QQ群:837051545} 技术交流QQ群:837051545
👍 点赞,你的认可是我创作的动力! \textcolor{green}{点赞,你的认可是我创作的动力!} 点赞,你的认可是我创作的动力!
⭐️ 收藏,你的青睐是我努力的方向! \textcolor{green}{收藏,你的青睐是我努力的方向!} 收藏,你的青睐是我努力的方向!
✏️ 评论,你的意见是我进步的财富! \textcolor{green}{评论,你的意见是我进步的财富!} 评论,你的意见是我进步的财富!
如果有不懂可以留言,我看到了应该会回复
如有错误,请多多指教