Vite + create-vue创建Vue项目

Vue CLI 处于 Maintenance Mode(维护模式),新项目推荐用create-vue创建基于 Vite 的工程;Vue 官方快速开始也直接是这条路线。

首先需要NODEJS环境

node -v

npm -v

npm create vue@latest

发现本机没有create-vue输入y

接着输入项目名

我这里叫

vue3-template

以后可以复用

  • 复制整个项目文件夹

  • 把文件夹改成新项目名

  • package.json里的name

  • 删除node_modules 新的不删也没事 只是没用 又大

  • 执行npm install

  • 重新开始开发

我这里选择NO

后面真想上 TS,再专门做一个vue3-template-ts也不迟

  • Router:做页面跳转必备

  • Pinia:做状态管理,后面登录信息、用户信息、菜单权限都可能用到

  • Linter:防止代码写乱

  • Prettier:统一格式,省得代码像被猫踩过

一个都不勾,直接回车。

No的好处是:

  • 会带基础示例结构

  • 目录更完整一点

  • 更适合你先跑通、先理解

  • 你后面删掉示例页面也很容易

好了 模板做好