create-vue
create-vue是Vue官方新的脚手架工具,底层切换到了 vite (下一代前端工具链),为开发提供极速响应。
执行如下命令,这一指令将会安装并执行 create-vue
npm init vue@latest
无论您之前是否安装过create-vue,执行npm init vue@latest命令都会创建一个新的Vue项目。这个命令会使用Vite和Rollup构建工具来创建项目,这是Vue官方目前推荐的构建工具。如果您之前已经安装过create-vue,那么执行这个命令将会更新create-vue到最新版本。
新建项目后记得安装依赖
npm install
项目目录
![img](/i/l/?n=23&i=blog/2098807/202306/2098807-20230615205321396-465718068.png)
-
vite.config.js -项目的配置文件基于 vite 的配置
-
package.json -项目包文件核心依赖项变成了 Vue3.x 和 vite
-
main.js -入口文件 createApp 函数创建应用实例
-
app.vue -根组件SFC单文件组件 script - template - style
变化一: 脚本script和模板template顺序调整
变化二: 模板template不再要求唯一根元素
变化三: 脚本script添加setup标识支 持组合式API
-
index.html -单页入口提供 id 为 app 的挂载点