项目git地址:https://gitee.com/suyong01/vue3-ts-template vue+ts+vite项目初始化 # npm 6.x npm init @vitejs/app $appName --template vue-ts # npm 7+, extra double-dash is needed: npm init @vitejs/app $appName -- --template vue-ts # yarn yarn create vite my-vue-ap

vite 初始化项目 使用npm npm init vite@latest 使用yarn yarn create vite 使用pnpm pnpx create-vite 根据提示输入项目名称,选择vue框架,选择vue-ts,然后根据提示 cd <project name> npm install / yarn npm run dev / yarn dev 这样就可以看到初始页面了

集成vue-router 使用yarn yarn add vue-router@next --save 安装完成之后在src目录下创建文件夹router/index.ts,创建完成之后需要在Vue-Router中对Vue-Router进行初始化配置.我们暂时把初始化的工作搁置一下,先需要创建pages文件夹,把需要展示的页面创建完成. 创建完成之后,接下来就是完善router/index.ts中文件的初始化工作了: import { createRouter, createWebHashHist

分环境打包配置 新建.env.dev(或者.env) VITE_NODE_ENV = 'dev' VITE_HOST = 'http://local.host.com' 执行yarn dev ,控制台执行结果如下 新建.env.test VITE_NODE_ENV = 'test' VITE_HOST = 'https://xxx.xxx.cn' 新建.env.prod VITE_NODE_ENV = 'prod' VITE_HOST = 'https://xxx.xxx.com' 修改pack

报错一 warning package.json: No license field$ vue-tsc --noEmit && vite build 解决方案,添加这两行,只添加一个是没有用的  报错二 node_modules/@vue/runtime-core/dist/runtime-core.d.ts:1193:6 - error TS2748: Cannot access ambient const enums when the '--isolatedModules' flag

vite.config.ts配置 配置路径处理模块 安装ts的类型声明文件 yarn add @types/node -D 通过配置alias来定义路径的别名 resolve: { alias: { '@': path.resolve(__dirname, 'src'), '@coms': path.resolve(__dirname, 'src/components') } } 配置自动在浏览器打开 server: { open: true } 配置scss全局变量 安装依赖 npm inst

封装方式一 import axios from 'axios' import qs from 'qs' import { Toast } from 'vant' import Lockr from 'lockr' axios.defaults.timeout = 30000 axios.defaults.baseURL = import.meta.env.VITE_HOST axios.defaults.headers['Content-Type'] = 'application/x-www-f

这里不考虑大屏,所以不做amfe-flexible的配置 首先是安装依赖 yarn add postcss-loader postcss-pxtorem -D yarn add autoprefixer -D 然后新建postcss.config.js文件 module.exports = { 'plugins': { 'autoprefixer': { overrideBrowserslist: [ 'Android 4.1', 'iOS 7.1', 'Chrome > 31', 'not i

TypeScript 需要类型标注,当使用第三方库(除 ts 以外写的库,即 js)时,又缺少声明文件,我们需要引用它的声明文件,才能获得对应的代码补全.接口提示等功能.jQuery 不是 TypeScript 写的,也没有 TS 的类型标注,所以就有了如下图这样的错误: 所以,不要忘了一同安装 jQuery 的声明文件: npm install @types/jquery WebStorm(代码编辑器)或许重启就保证不再报错.

博客地址:https://ainyi.com/98 Vue3.0,One Piece 接下来得抽空好好学习了 vite 尤大在 Vue 3.0 beta 直播中推荐了 vite 的工具,强调:针对Vue单页面组件的无打包开发服务器,可以直接在浏览器运行请求的 vue 文件 很新颖,这篇博客用它来搭建一个 vue3 的项目试试 Vite 是面向现代浏览器,基于原生模块系统 ESModule 实现了按需编译的 Web 开发构建工具.在生产环境下基于 Rollup 打包 快速冷启动服务器 即时热模块更

1.vite+TS+Vue3 npm create vite Project name:... yourProjectName Select a framework:>>Vue Select a variant:>>Typescrit 2. 修改vite基本配置 配置 Vite {#configuring-vite} | Vite中文网 (vitejs.cn) vite.config.ts import { defineConfig } from 'vite' import vue

theme: nico 前言 随着前端技术的发展,业界涌现出了许多的UI组件库.例如我们熟知的ElementUI,Vant,AntDesign等等.但是作为一个前端开发者,你知道一个UI组件库是如何被打造出来的吗? 读完这篇文章你将学会: 如何使用pnpm搭建出一个menorepo环境 如何使用vite搭建一个基本的Vue3脚手架项目 如何开发调试一个自己的UI组件库 如何使用vite打包并发布自己的UI组件库 作为一个前端拥有一个属于自己的UI组件库是一件非常酷的事情.它不仅能让我们对组件的原

一.vite 到底是干嘛的? vite 实际上就是一个面向现代浏览器,基于 ES module 实现了一个更轻快的项目构建打包工具. vite 是法语中轻快的意思. vite 的特点: 1.轻快的冷服务启动.vite 是面向现代浏览器的,浏览器支持 ES6 的 imports属性,利用浏览器解析 imports,在服务端按需编译返回,不进行打包.所以运行速度较快. 2.开发中的热更新.监听项目代码,有改动时,会立即重新运行. 3.按需进行编译,不会刷新全部的DOM.vite只需要在浏览器请求源码

看完 <前端规范之Git工作流规范(Husky + Commitlint + Lint-staged) https://www.cnblogs.com/Yellow-ice/p/15349873.html>,再次修改本文 团队人一多,提交一多,还是要对备注加以区分,好快速找到变更点.这时候就需要对每次提交,需要输入message,对提交的备注进行规范化处理 代码规范落地难:归根结底在于需要工具去强行保证代码必须经过代码开发规范的扫描: 低质量代码带入线上应用:最好的方式本地进行commit的时

idea项目git版本回退 一.查询提交历史 项目上右键,点击Git,点击Show History 二.复制版本号 我这里有两个测试的版本,我的当前版本是[二],所以我选择[一],右键,选择Copy Revision Number 三.检出对应版本 1.项目右键,点击Git,点击Repository,点击Branches 2.选择Checkout 3.输入版本号点击OK就可以回滚了 Git会记录所有提交的版本,所以如果从[二]回到了[一],之后也可以从[一]回到[二]

Unity设置 (关键) Edit -> Project Settings -> Editor -> Version Control Mode 开启 Visible Meta Files Edit -> Project Settings -> Editor -> Asset Serialization Mode 选择 Force Text(文本形式,方便对比差别?) 获得 git 的忽略设置,放在git 仓库根目录下.(不会操作的去搜 git 相关操作吧 :) http

如何加入别人的Git项目--Git Fork指南 首先,在网页打开别人Git上的项目,点击右上角的.下图因为Fork过了,所以灰了. 随即弹出如下窗口,当然选择确定. 于是,我们在在自己的项目列表可以看到我们Fork的项目 接着我们需要把我们项目列表里的Fork项目git clone到本地 复制链接 打开命令行输入 git clone <url> e.g. 在本地仓库进行修改,返回 git add . git commit -m "注释" git push xxxxxxx

DELPHI的一些开源项目GIT地址 Delphi-Cross-Sockethttps://github.com/winddriver/Delphi-Cross-Socket 跨平台的SOCKET库 diocp-v5https://github.com/ymofen/diocp-v5.git iocp SOCKET库,支持TCP/IP.UDP.HTTP.WEBSOCKET. jsondataobjectshttps://github.com/ahausladen/jsondataobjects.

maven项目git全新项目后启动服务出现的, 错误原因: 进入到tomcat的部署路径.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\下检查了一下,发现工程部署后在WEB-INF文件夹下没有生成lib目录,正常情况下,会生成lib目录并把工程的所有依赖jar包都部署到该目录下. 解决方案: 1.右键点击项目--选择Properties 选择Deployment Assembly,在右边点击Add按钮,在弹出的窗口中选

git clone 克隆项目 git clone 实际上是一个封装了其他几个命令的命令. 它创建了一个新目录,切换到新的目录,然后 git init 来初始化一个空的 Git 仓库, 然后为你指定的 URL 添加一个(默认名称为 origin 的)远程仓库(git remote add),再针对远程仓库执行 git fetch,最后通过 git checkout 将远程仓库的最新提交检出到本地的工作目录. 用法 git clone ssh://xxx@xxxxx.vicp.net:000001/

项目git的步骤 1.创建.gitignore文件,进行文件过滤.写着不需要上传到git仓库的文件夹名字 2.readme.md 3.拷贝LICENSE,开源协议 4.创建本地仓储 * 使用git init ,此时项目中会新增一个隐藏的.git文件 * git status 查看文件状态(标红的都是未提交) * git add . (添加跟踪)再git status 可以看到文件便绿了 * git commit -m “init my project” -----提交 提交的时候如果出现以下的错