Vite ---- 创建Vue3.0+TS项目

写在前面：npm和yarn以及其他的包管理工具都可以创建项目，例如pnpm，具体创建方法自行查阅Vite官网，这里不再赘述。
本文以npm创建项目，用yarn管理项目的依赖模块。

一、创建项目

没有安装vitejs模块的会提示安装，选择yes即可。

npm init @vitejs/app

命名项目名称

Project name: ... vue3bingdwendwen

选择模板

Select a framework >> vue

选择数据类型

Select a variant >> vue-ts

等待创建成功即可（创建的过程也是异常的快！）：

二、运行项目

cd到项目路径里面

cd vue3bingdwendwen

利用yarn安装依赖

yarn install

运行

yarn run dev

打开的过程那是惊人的快！属于是秒开了，非常的舒服nice！

Vite ---- 创建Vue3.0+TS项目相关推荐

Vue3.0 + Ts 项目框架搭建二：路由 Router
前言上篇文章我们使用 vue-cli 创建了模板项目,可以看到安装的依赖只有 vue,所以要正常的驱动项目,安装必要的依赖是跑不了. 其中Router是控制整个系统的页面路由,是最重要的依赖之一.因 ...
Vue3.0 + Ts 项目框架搭建四：配置 Svg-Icon、Icon图标
1. 在src文件下,创建components/SvgIcon/index.vue组件 <template><divv-if="isExternal":style ...
idea2020.2.2怎么创建web项目_创建Vue3.0的项目
1. 查看Vue的环境版本 Vue -V 如果版本低于4.0,则需要升级Vue的版本 npm install -g @vue/cli 2. 创建Vue 3.0的项目 3. VS Code 的环境配置 ...
Vue3.0 + Ts 项目使用element-plus 自动按需导入使用v-loading报错
问题展示: 使用v-loading报错无法找到样式 element-plus/es/components/loading-directive/style/css 解决办法: element-plus ...
使用Vite创建Vue3+TS项目并整合Element Plus框架等一条龙服务
记录一下使用Vite创建Vue3+TS项目以及整合Element Plus框架,还有Less.Pinia.Vue-router.monaco-editor等插件或组件. 一.使用Vite创建Vue3+ ...
vue - - - - vite创建vue3项目（不使用TS）
vite创建vue3项目 vite官方文档 1. 使用指令创建项目 > npm create vite your-project-name > or > yarn create vi ...
vite 搭建 Vue3.0项目
vite 搭建 Vue3.0项目 vue3.0+TS+AntDesignVue项目 vite 初始化vite项目配置项目配置typescript 配置Vue Router 配置Vuex 配置Ant ...
如何搭建一个完整的Vue3.0 + ts 的项目
如何搭建一个完整的Vue3.0 + ts 的项目相信9月18日尤大大的关于Vue3.0的发表演讲大家一定有所关注,现在Vue3.0 也已经进入RC阶段(最终产品的候选版本,如果没有问题则可发布成为正 ...
vue3.0+ts+element-plus多页签应用模板：项目搭建
目录系列文章一.安装vue-cli@4.5.x 二.创建项目三.项目配置四.IDE配置五.vue.config.js配置六.重置浏览器默认样式系列文章 vue3.0+ts+element ...
vue3.0+ts+element-plus多页签应用模板：element-plus按需引入与动态换肤
目录系列链接一.安装element-plus 二.按需引入 1. 为什么要按需引入? 2. 如何按需引入? 3. 验证是否引入成功三.动态换肤 1. 制作自定义主题 2. 引入自定义主题 3. ...

Vite ---- 创建Vue3.0+TS项目

Vite ---- 创建Vue3.0+TS项目

一、创建项目

二、运行项目

Vite ---- 创建Vue3.0+TS项目相关推荐

最新文章

热门文章