使用create-vue命令来创建一个新的Vue 3项目。在创建过程中,create-vue会提示你选择一些功能,如TypeScript、Vue Router、Pinia等。 bash create-vue my-vue-app 在这个例子中,my-vue-app是你的项目名称。根据提示,你可以选择是否启用这些功能。 进入项目目录并安装依赖: 创建项目后,进入项目目录并安装依赖。 bas...
npm create vite@latest // or yarn create vite // 输入项目名称✔ Project name: my-vue-app // 选择框架,选择vue ✔ Select a framework: vue // 选择ts 或 js 或 Customize with create-vue // 选择js的则接着第三部分配置依赖✔ Select a variant: JavaScript // 也可以选择 Customize with ...
$ npm create vite@latest 使用Yarn: $ yarn create vite 使用PNPM: $ pnpm create vite 然后直接进入项目初始化的选择,自定义一些选项可以选择 Customize with create-vue 或者直接附加命令行选项,省去选择操作,直接生成默认最小项目: pnpm create vite my-app --template vue-ts 运行项目 pnpm install pnpm fo...
输入项目名称,选择Vue 选择Customize with create-vue 根据需求选一下 根据指令,cd到项目目录里面之后,执行yarn 安装tailwind,yarn add tailwindcss postcss autoprefixer 参考:https://tailwindcss.com/docs/guides/vite#vue生成配置文件yarn tailwindcss init重点来了:由于是typescript,所以需要将后缀js重命名为cjs。
Customize with create-vue ↗ Nuxt ↗ (4) 创建完成,运行项目 Done. Now run: cd vite-vue3-ts-less-element_plus npm install npm run dev PS C:\Users\Administrator\Desktop\temp> 二、解决一下配置问题 1.修改配置文件 (1)修改【vite.config.ts】文件 ...
Customize with create-vue Nuxt 进入目录,安装插件 cd vite-test npm i 更新一些插件版本,这一步不是必要 # vite版本更新太快,这一步非必要 npm i @vitejs/plugin-vue typescript vite # 更新vue-tsc,这一步也非必要 npm uninstall vue-tsc npm i vue-tsc -D ...
>TypeScriptJavaScriptCustomizewithcreate-vue ↗Nuxt↗ (4) 创建完成,运行项目Done.Nowrun: cd vite-vue3-ts-less-element_plus npm install npm run devPSC:\Users\Administrator\Desktop\temp> 二、解决一下配置问题 1.修改配置文件 (1)修改【vite.config.ts】文件 ...
yarn create vite 然后需要你回答三个问题:项目名称、选择类型、选择配置方案。 √ Project name: ... vite43.01 √ Select a framework: » Vue √ Select a variant: » Customize with create-vue ↗ 如果选择第三个(自定义),那么会调用 create-vue 继续后续步骤,问你一系列问题,我们根据需要选择即可:...
>TypeScriptJavaScriptCustomizewithcreate-vue ↗Nuxt↗ (4) 创建完成,运行项目Done.Nowrun: cd vite-vue3-multi_modulets npm install npm run devPSC:\Users\帅龍之龍\Desktop\temp> 3.修改vite.config.ts文件 (1)修改前 import{ defineConfig }from'vite'importvuefrom'@vitejs/plugin-vue'// https://...
> Vue React Preact Lit Svelte Others 1. 2. 3. 4. 5. 6. 7. 8. 9. 4、选择 TypeScript 选择之后按回车键下一步! ? Select a variant: » - Use arrow-keys. Return to submit. > TypeScript JavaScript Customize with create-vue ↗ ...