Vue3项目构建

140 阅读1分钟

--node版本:16.17.1

1、执行命令 npm init vue@latest

这一指令将会安装并执行 create-vue,它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示:

√ Project name: ... vue3-test #项目名称

√ Add TypeScript? ... No / Yes #安装TypeScript

√ Add JSX Support? ... No / Yes #安装对JSX语法的支持

√ Add Vue Router for Single Page Application development? ... No / Yes #安装Vue Router路由管理

√ Add Pinia for state management? ... No / Yes #安装Pinia状态管理

√ Add Vitest for Unit Testing? ... No / Yes #安装Vitest单元测试

√ Add an End-to-End Testing Solution? » No #安装端到端测试

√ Add ESLint for code quality? ... No / Yes #安装ESLint代码校验

√ Add Prettier for code formatting? ... No / Yes #安装Prettier统一代码规范

2、npm install 安装依赖(根据package.json)

3、npm run dev 运行项目

4、npm run build 打包到生产环境

image.png

image.png

Vue3官网:cn.vuejs.org/

Vite官网:cn.vitejs.dev/