- 博客(7)
- 收藏
- 关注
原创 vue3+typeScript+vite3+vscode+eslint+prettiter+element-plus+vue-router+pinia+cryptoJs+tailwindcss
当然y加回车啦,它问项目名称,输入你需要新建的项目名称加回车确认,它问选择一个框架,这里当然选vue,它问选择一个变体,选择TypeScript加回车,恭喜你成功,你现在可以cd到你刚刚新建目录,然后安装依赖。nodeJs官网:https://nodejs.org/en,底部两个大型绿色按钮是node的版本,推荐使用左侧的(大多数人下载的),下载完成双击运行,一路下一步安装。在main.ts同级新建router目录,目录下再新建index.ts。打开cmd命令面板,cd到存放项目目录,输入。
2023-03-29 16:14:21 336
原创 vite2.0+ react实现按需动态异步加载组件
vite一个新的脚手架工具,尤雨溪开发的一个工具,速度确实快,本人亲手验证,项目中也已经引入。注意:Vite 需要 Node.js 版本 >= 12.0.0 初始化项目:npm init @vitejs/app 名称 – --template vue 接下来cmd中可以进行选择使用框架,选择react或者react-ts cd 目录 npm install npm run dev引入组件使用vite提供的import.meta.glob方法加载所有组件文件,得到是一个函数数组
2021-07-06 11:31:19 2453 1
原创 react-redux持久化储存-redux-persist
redux-persist插件配置store.tsimport { createStore } from 'redux';import {AllReducers} from './reducers/index';/引入持久化储存插件import {persistStore, persistReducer} from 'redux-persist';// 本地储存// import storage from 'redux-persist/lib/storage';// 会话储存impor
2021-07-06 11:05:58 559
原创 vue3.0+vite2 实现动态异步组件懒加载;
创建一个vite项目cmd 命令行(默认你已经安装了node & npm),执行npm init @vitejs/app vue-study – --template vue;cd至vue-study,npm install(安装依赖); npm run dev(启动项目);创建组件新建一个目录为pages,pages下面再新建一个目录contents,contens下面可以新建具体的组件目录页面,此时目录结构为App.vue<template> <p @cl
2021-06-27 23:36:06 2338 2
原创 vue-cli3x---cdn引入框架,减少服务器压力
vue.config.js中module.exports对象中添加:configureWebpack: { externals: { 'vue': 'Vue', 'vue-router': 'VueRouter', 'vuex': 'Vuex', 'axios': 'axios', 'element-ui': 'ELEMENT' } },在public文...
2019-11-26 16:10:23 298
原创 vue-cli3X使用xlsx读取excel
cd至项目根目录:cnpm install xlsx --save需要用到的组件页面中:import xlsx from 'xlsx'假设组件中有节点:<input type="file" @change="changeFile" />组件methods中添加函数:changeFile(e) { var files = e.target.files; var f...
2019-11-26 16:05:22 785
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人