
Vue3 Vite Ts 从入门到精通
文章平均质量分 62
vue是一套用于构建用户界面的渐进式JavaScript框架。
vite是下一代前端开发与构建工具。提供开箱即用,高度可扩展性,完整的类型支持。
typescript通过在JavaScript的基础上添加静态类型定义构建而成。
_何同学
blog:https://blog.heyaoshare.xyz
展开
-
Vue3:Typescript与组合式API、defineProps、defineEmits等使用
的泛型参数本身不能是一个导入的类型, 这是因为Vue 组件是单独编译的,编译器目前不会抓取导入的文件以分析源类型(这里只是。当使用基于类型的声明时,我们失去了为 props 声明默认值的能力。注意:如果你指定了一个泛型参数但没有给出初始值,那么最后得到的就将是一个包含。注意:接口或对象字面类型可以包含从其他文件导入的类型引用,但是,传递给。原创 2022-12-10 17:17:13 · 5780 阅读 · 0 评论 -
简单使用 vite + vue + eslint + prettier + husky + lint-staged + commitlint 提高项目质量、统一代码风格
Prettier 是一款强大的代码格式化工具,支持 JavaScript、TypeScript、CSS、SCSS、Less、JSX、Angular、Vue、GraphQL、JSON、Markdown 等语言,基本上前端能用到的文件格式它都可以搞定,是当下最流行的代码格式化工具。lint-staged 这个工具一般结合 husky 来使用,它可以让 husky 的 hook 触发的命令只作用于 git add那些文件(即 git 暂存区的文件),而不会影响到其他文件。等)触发我们的命令。原创 2022-10-18 21:31:03 · 957 阅读 · 1 评论 -
跨域3种解决方式
跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。同源策略限制以下行为:CROS(用于后端解决跨域问题)如说使用发的是前后端开发(例如VUE等),为了方便开发不用每次写全域名还需要在axios中作如下配置Proxy(前端代理方式)使用vue时:使用vite时:test.vue......原创 2020-11-29 16:33:19 · 1141 阅读 · 1 评论 -
vue3.2使用i18n实现国际化
(internationalization)是“国际化”的简称。由于其首尾分别为 i 和 n ,中间有18 个字符。故简写为 。在vue.js中,有vue i18n国际化插件,可以轻松实现项目国际化的操作。创建所需语言文件(这里仅以中英文为例)1.文件2.文件......原创 2022-07-13 19:08:20 · 865 阅读 · 0 评论 -
Vue使用Axios以及拦截器配置
代码】Vue使用Axios以及拦截器配置。原创 2022-07-06 14:57:18 · 614 阅读 · 0 评论 -
安装(配置)Node.js和Vue CLI
如何下载:Node.js官网:Download版本解释:12.18.3 LTS 长期支持版14.9.0 Current 当前版本推荐下载长期支持版本:Download安装:下载后直接安装下载的.msi文件,一直Next即可安装完成后win+R键输入cmd并输入node -v检查是否安装成功,若出现对应版本号则安装成功,输入npm -v查看npm版本输入npm -g install npm将 npm 更新至最新版本可以选择安装 cnpm,即 npm 的国内镜原创 2020-09-04 21:18:36 · 5835 阅读 · 2 评论 -
将token添加到Header中(基于vue+springboot)
在后端编写JWTUtils.javapublic class JWTUtils { // 注意:在真正的开发中SING是很复杂的,这里只做演示 private static final String SING = "ADSD#$F"; /* * 生成Token */ public static String generateToken(Map<String, String> withClaims) { // 创建Map.原创 2020-11-29 18:30:35 · 11361 阅读 · 0 评论 -
Vue使用Pinia实现状态管理
项目地址:Vue3-PiniaPinia初始化创建VUE3项目npm init vite @latest安装Pinianpm install pinia将Pinia挂载到vue实例main.tsimport {createApp} from 'vue'import App from './App.vue'import {createPinia} from "pinia";createApp(App) .use(createPinia()) .mou原创 2022-02-04 17:20:08 · 1494 阅读 · 0 评论 -
Vue3+Vite+Ts项目搭建及常用插件汇总
个人使用vue vite ts创建项目时笔记以及相关插件的使用汇总。安装初始依赖环境配置相关配置vite安装添加配置typescripteslint安装创建配置文件或创建忽略文件less/sassvue-router安装配置使用nProgress安装配置配置进度条颜色element plus安装配置使用style原创 2022-05-05 13:31:59 · 3047 阅读 · 0 评论 -
vue中使用axios以及拦截器配置
安装npm install axios --save vue-axios配置main.jsimport {createApp} from 'vue'import App from './App.vue'import axios from "@/utils/axios";import VueAxios from "vue-axios";createApp(App).use(VueAxios, axios).mount('#app')* axios相关配置(也可使用独立配置文件)原创 2022-01-23 02:19:32 · 1639 阅读 · 0 评论