1:node环境和npm检查安装。 Tips:由于vite在node低版本不支持,所以建议安装最新的稳定版本,或者是 14.18+以上。 node和npm自行百度安装,这是基本操作。 2:创建项目 根据vite官网的api,我用的是npm安装,命令:npm create vite@latest 新建的项目很简单: npm install下载依赖,然后,npm run dev就运行了项目: 出现了...
1、修改vite.config.ts import{defineConfig}from 'vite'import vue from '@vitejs/plugin-vue'import path from "path";//这个path用到了上面安装的@types/node// https://vitejs.dev/config/export default defineConfig({plugins:[vue()],resolve:{alias:{'@':path.resolve('./src')//@代替src}}})...
在vite-env.d.ts文件中声明vue文件的使用,添加如下代码,如以有该代码可忽略 创建并配置vue的全局声明ts文件 为了方便在项目外层也启动调试,修改项目根目录的package.json文件中的script命令 3.通过js实现bem规范 在package/utils文件夹中创建create.js命名bem规范,构建bem方法 需要注意的是,因为在第一步的时候我们通...
一:创建项目 github完整配置地址[https://github.com/suhonghai/vue3-vite-ts-eslint] 使用vite官网命令安装 tsco...
配置vite.config.js plugins: [ requireTransform({fileRegex:/.ts$|.tsx$|.vue$|.js$/}) ] 再次注意 因为阿里OSS文档的后台示例 packagemainimport("fmt""github.com/aliyun/aliyun-oss-go-sdk/oss""os")funcmain(){// 从STS服务获取的安全令牌(SecurityToken)。securitytoken :="yourSecurityToken"//...
Vue3 + Vite + Ts npm创建项目:npm initvite@latest项目名称(--template 项目框架 可不写直接进行下方图片选择) 键盘上下键进行选择语言 回车进行确定 这边选择的是Vue和Ts 回车确定 等待一会这样就创建成功了 右键选中你创建的文件用VsCode进行打开 ctrl+`打开终端输入npm i进行依赖安装 ...
一、安装vue-router yarn add vue-router 二、创建页面 项目目录下新建views文件夹,添加文件(home、login、test) image.png 三、创建router文件夹 3.1、在src下新建router文件夹,在router文件下创建index.ts和modules文件夹 image.png 3.2、在 modules 文件夹下创建模块化的 ts 文件,并填入对应的代码 ...
2.main.ts注册路由 import{createApp}from'vue'importAppfrom'./App.vue'import{useRouter}from'./router'constapp=createApp(App)// 使用路由useRouter(app)app.mount('#app') 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 3.App.vue提供路由出口 ...
使用import引入文件默认是“./……”上下层级多一些的时候难免就会出错,设置一个基础目录的别名就比较有用了。 在vite.config.ts中添加配置 // vite.config.ts// 导入path模块importpathfrom'path'// defineConfig添加以下内容resolve:{alias:{'@':path.resolve(__dirname,'src')}}// 例如import{defineConfig...
这次就升级了主要框架与相应的 ui 库,过了一遍 Vue3 中的 API,发现很多 Vue3 中新的 API 都用不上,主要是要熟练一下 Vue3 和 Vite2 项目搭建 五一期间,花了 3 天时间,边学 Vue3 和 Vite2,边重构自己的项目,终于都用 Vue3 + TypeScript + Vite2 + Vuex4 + Vue-Router4 + element-plus 重构...