3.1、创建vite npm create vite@latest 之后跟随引导,操作以下3个命令启动程序。 拿到启动url 浏览器启动,启动成功了。 本地文件夹目录如下: 之后,将文件夹目录拖到VSCode。 3.2、删除文件 src/style.css src/components/HelloWord.vue 3.3、删除代码 刚刚删除代码的引用。 四、Vue3好用的VsCode插件 4.1、Vue-Offi...
const app = createApp(App) app.use(ElementPlus) 2.导入element-plus图标 pnpm i @element-plus/icons-vue 需要的页面导入对应的图标,下面就是Edit图标的导入 import { Edit } from '@element-plus/icons-vue' 3.配置element-plus国际化,下面配置的是中文 // 引入element-plus国际化 import zhCn from ...
import { createRouter, createWebHistory } from 'vue-router' import HomeView from '../views/HomeView.vue' const routes = [ { path: '/', name: 'home', component: HomeView }, { path: '/about', name: 'about', component: () => import('../views/AboutView.vue') } ] const route...
第三步:输入项目名称 vue3-vite-demo 第四步:选择自定义的 vue3 模板 勾选route、eslint、pinia Customize with create-vue 第五步:安装依赖并启动项目 cd vue3-vite-demo npm install npm run format npm run dev
然后来创建vite + vue3项目 # 这个命令 只能选择 框架 和 语言,其他模块需要手动安装和并配置 npm create vite@latest 这个指令是可以选择安装 router (路由) pinia (状态管理)等工具依赖 npm init vue@latest # 这个命令,可以选择很多模块,例如router 和 pinia(推荐) ...
Vite创建Vue 3项目 Vite提供了两种创建项目的命令,手动创建项目的命令和通过模板自动创建项目的命令。 1.手动创建项目的命令 使用npm或yarn包管理工具都可以搭配Vite手动创建项目,具体命令如下。 #使用npm create命令创建项目 npm create vite@latest #使用yarn create命令创建项目 ...
注意:从Vite 2.x开始,推荐使用npm create vite@latest命令来创建新项目,因为它会自动处理Vite的依赖和版本。 3. 在目标文件夹中打开命令行或终端 打开你的命令行工具(如CMD、PowerShell、Terminal等),并使用cd命令切换到你想创建Vue 3项目的目标文件夹。 4. 执行Vite创建命令,选择Vue 3作为框架 在目标文件夹中...
1、Vue3创建执行命令 2、打开项目,在终端输入npm i 安装所有依赖。 3、入口文件是 index.html 4、启动项目 npm run dev 5、点击链接访问 6、访问效果 首先安装node.js环境,没有node.js环境,便没有npm命令。 1、Vue3创建执行命令 D:\TABLE\test>npm create vue@latest ...
npm install vue-router@4 //新建 router/index.ts import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'; const routes: Array<RouteRecordRaw> = [ { path: '/', redirect: '/home', }, { path: '/home', name: 'Home', component: () => import('@/views/Home.vue...
由于vite 出现的时间不是很久,基于 vite 创建的项目没有 vue-cli 那么完整,如果要使用 vue 全家桶、ESLint 等,还需要开发人员手动添加和配置,步骤稍多,略繁琐。虽然在创建项目时可以选择 *Customize with create-vue*,但我由于网络问题,一直没有成功过。所以我封装了一个 cli 用于快速创建基于 vite + vue3 的...