一、.npmrc .npmrc 文件位于项目的根目录（即 node_modules 和 package.json 的兄弟），作为npm运行时的配置文件。registry为npm包注册源地址，legacy-peer-deps忽略相同modules的引入。# npm包注册源地址
registry=http://registry.npm.tao
vue3新特性： 一、使用Proxy替换Object.defineProperty，重构响应式系统，使用Proxy优势： 1、可直接监听数组类型的数据变化 2、监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升 3、可拦截apply、ownKeys、has等13种方法，而Object.defineProperty不行 4、直接实现对象属性的新
转载
2023-11-26 11:07:13
73阅读
在现代前端开发中，利用 Vue 3 搭配 TypeScript 进行项目开发已成为一项热门选择。接下来，我将详细解析如何配置 Vue 3 和 TypeScript 环境。
## 环境准备
在开始之前，需要确保你的开发环境符合以下软硬件要求：
**硬件要求**
- CPU：双核及以上
- 内存：最低 8GB 推荐 16GB
- 存储：SSD 推荐，至少 20GB 空间
**软件要求**
-
什么是typescript？为什么要用它？typescript简称ts，是js语法的一个超级，由微软团队维护的 js特点（不足） 弱类型：js中的数据变量没有确定的类型，可以存储对象，可以存储数字，可以存储字符串等等 动态的：我定义的变量，到底是什么类型的，需要多少存储空间，我们定义时不知道，只有在执行的时候临时分配因此开发者希望js像强类型语言那样，可以在运行前将内
转载
2024-06-21 22:53:18
46阅读
1.创建项目npm init vite-app hello-vue3
# or
yarn create vite-app hello-vue32. 配置端口号 以及配置别名，解决vue中 引入ref..的插件配置端口号+配置代理：打开 vite.config.ts 文件： 添加server就可以了server: {
host: '0.0.0.0',
port:
转载
2023-11-17 11:05:44
178阅读
npm install --save-dev sass-loader node-sassindex.html<!DOCTYPE html><html> <head> <meta charset=" </body></.
原创
2022-08-19 11:45:14
235阅读
dist打包目录modules不用解释了src是配置vue的执行目录element是element
原创
2022-08-19 11:27:49
77阅读
# Vue3 Setup TypeScript 配置指南
Vue.js 是一个流行的前端框架，而 TypeScript 是一种静态类型的超集语言，可以提供更好的类型检查和代码提示。Vue 3 引入了 Composition API，使得使用 TypeScript 进行开发变得更加方便。本文将介绍如何在 Vue 3 中配置 TypeScript。
## 流程图
下面是 Vue3 Setup T
原创
2024-07-28 09:40:17
62阅读
vue3亮点Performance：性能更比Vue 2.0强。Tree shaking support：可以将无用模块“剪辑”，仅打包需要的。Composition API：组合APIFragment, Teleport, Suspense：“碎片”，Teleport即Protal传送门，“悬念”Better TypeScript support：更优秀的Ts支持Custom Renderer A
项目简介这是一个简单的vue2 和 typescript 的后台管理模板。在使用Vue 的过程中，许多的同学和我一样希望有一个简单一点的模板，不需要太多的内容，懒得去删除那些不符合我们业务逻辑的部分。由于本人业务需求需要兼容ie10（该项目已经完成了ie10的兼容），所以使用vue2和ts 来构建一个管理后台的框架，里面只有一个登录和主页，主页实现了菜单的跳转，面包屑等，和一些基本的功能。 项目地
TypeScrpt相比JavaScript的主要特点多了属性声明类型，格式：属性名：声明类型
name:string=""; //此时name属性声明类型为string
复制代码使用class类来引入或暴露内容 TypeScript中将所有属性和方法封装成类，用类的形式引入或暴露其内容，在vue中具体示例可见下文“基本格式”。基本格式组件<script>中要加lang="ts"imp
转载
2023-10-16 13:06:32
97阅读
前言在 vue-cli 3.0 的脚手架出来以后，官方我们提供了一套 Vue 的 TypeScript 模板，解决了许多模块以及类型问题，官方的东西真香，因此可以使用 TypeScript 搞一波事情。基础配置 配置默认是全家桶，其中预处理器建议使用 less，如果使用 sass 可能会因为各种莫名其妙的原因安装不上 node-sass；babel 也是必选的，目的是将
转载
2024-01-19 23:10:04
129阅读
很久没有写vue的项目，近期加入了教育疫情项目的开发，重新启用vue，这里就vue代码自动修复环境的安装，以及可能遇到的vscode安装的插件：ESlint, Vetur, eslint-plugin-html (全局安装){
"window.zoomLevel": 0,
"terminal.integrated.rendererType": "dom",
"ed
转载
2024-06-14 16:58:24
136阅读
# 如何配置vue.config.js以使用Vue 3和TypeScript
## 摘要
本文将介绍如何使用Vue 3和TypeScript配置vue.config.js文件。首先，我们将列出整个配置过程的步骤。然后，我们将逐步解释每个步骤需要做什么，并提供相应的代码示例。
## 步骤概览
下表展示了配置vue.config.js文件的步骤。
| 步骤 | 描述 |
| --- | ---
原创
2023-07-27 05:31:35
566阅读
vue3.0 + ts使用 Vite 创建Vite是Vue的作者尤雨溪开发的Web开发构建工具，它是一个基于浏览器原生ES模块导入的开发服务器，在开发环境下，利用浏览器去解析import，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随启随用。同时不仅对Vue文件提供了支持，还支持热更新，而且热更新的速度不会随着模块增多而变慢。在生产环境下使用Rollup打包。特点快速的冷启动即时热模块更
转载
2024-06-29 08:19:03
14阅读
Vue3 TypeScript 使用教程Vue3 Typescript 环境搭建Vue3 TypeScript 目录及重点文件解读Vue3 Typescript 快速上手Vue3 Typescript 与 Vue2 性能优化对比Vue3 setup & ref 使用教程Vue3 reactive 使用教程不想处理 Vue 前端问题？Vue3 watch 使用教程Vue3 computed
转载
2024-03-13 21:09:30
36阅读
作者：TinssonTai一个完整的Vue3+Ts项目,支持.vue和.tsx写法 项目地址：https://github.com/vincentzyc/vue3-demo.gitTypeScript 是JS的一个超集，主要提供了类型系统和对ES6的支持，使用 TypeScript 可以增加代码的可读性和可维护性，在 react 和 vue 社区中也越来越多人开始使用TypeScript。从最近发
转载
2023-10-27 21:58:23
125阅读
由于后期项目要使用ts，所以先学习下，这是第一次使用ts，要是有不足之处，还请多指教。最开始因为webpack版本问题搭了好几次没成功，果然失败乃成功之母，古人诚不欺我，每次学习都是在写bug解决bug继续创造bug的循环里痛并快乐着。由于使用的是Vue-cli2 + webpack3.6.0版本，按照webpack3的方式来搭建的，所以安装时一定要注意自己的版本与插件版本哈。前边儿初始化Vue项
转载
2023-11-01 16:44:44
162阅读
效果如下： 点击变小按钮 点击变大按钮并点击圆形 禁用本文一步一步的对代码进行修改添加，并注释，最后呈现出完整代码，步骤如下：1. 创建一个项目 2. 写一个Button.vue文件，实现按钮基础样式 3. 写一个Home.vue文件并引入注册组件 4. 通过组件传递参数并打印 5. 在Button.vue文件中对按钮添加属性，在Home.vue中进行更改使用等 一、创建一个项目打开cmdcd到想
转载
2024-03-08 10:21:26
136阅读
TypeScript是国内外前端技术圈被评为2020年最受欢迎的技术之一，如果你还没开始学，是不是就out了呢？今天我们就开始TypeScript+Vue项目开发的探索，带你体验完全不一样的Vue开发方式。话不多说，让我们开始吧......1、初始化项目及环境搭建1.1、全局安装vue脚手架npm install -g @vue/cli目前默认安装的是vue/cli的最新4.0版本，可使用如下命令
转载
2023-09-21 09:35:12
122阅读
