使用vite + vue3 + ant-design-vue + vue-router + vuex 创建一个管理应用的记录 使用vite 创建项目 我创建的node 版本是 v16.17.1 使用NPM 或者 YARN 安装中选择模板和定义项目名称 npm init vite@latestmy-vue-app-- --template vueyarncreatevite my-vue-app-- --template vue 下载过程中会需要自己选...
2.1、需要在下载好ant-design-vue@1.7.2版本后执行npm install babel-plugin-import --dev下载用于按需加载组件代码和样式的 babel 插件 $ npm install babel-plugin-import--dev 2.2、修改babel.config.js文件,配置 babel-plugin-import module.exports={presets:['@vue/cli-plugin-babel/preset'],plugins:[["...
Vue 使用 Ant Design Vue 。 我这里是vue3 所以使用 Ant Design Vue 的是 2 版本,1版本是Vue 2 及以下的 记住啊。 然后我们安装 $ npm install ant-design-vue@next --save 引入分为单引入【按需】 和 全部引入 这里使用全部引入: 我的vue项目用的是TS ,引入如下: import{ createApp } from 'vue'im...
使用ant-design-vue 由于在实际开发工程中,加载全部样式/组件会影响前端性能,因此我们直接采取按需加载组件及样式。 1.安装 npm install ant-design-vue --save-dev npm install less less-loader --save-dev 2.引入src/main.js // 以 Button 组件为例import{Button}from'ant-design-vue'Vue.component(Button...
design vue pro 项目,则不需要下载) npm install axios / yarn install axios 2. 新建 msg_request.js 3. 进入 evn 配置文件 4. 如果使用默认的api,想要更改请求前缀,则打开 vue.config.js 文件 创建一个普通表格及实现增删改查 Ant Design Vue 常用组件,官方网址如下: antdv.com/docs/vue/intr http:/...
起因:最近要搭建一个项目,由于之前在极客时间买过唐金州老师的课,所以技术选型为vue+antdv,但是课程 中用的版本为vue2.x + antv1.x版本,所以想搞下升级 踩了一些坑,记录一下哈哈 网上搜出很多vue2升3,实际上…
现代浏览器和 IE9 及以上(需要 polyfills)。 支持服务端渲染。 引入ant-design-vue 1. 安装脚手架工具 打开cmd,以管理员身份运行 全局安装脚手架工具 以下两个命令都是可以的,就看自己喜欢习惯使用到哪个了。 $ npm install -g @vue/cli ...
1 第一步，先用vue的脚手架工具vue-cli创建一个vue项目，创建好的目录如下图 2 第二步，使用命令行工具，切换到项目路径下，使用命令【npm i --save ant-design-vue】安装，如下图 3 第三步，准备引用ant-design-vue的table组件在项目目录中找到【main.js】添加以下代码import { Table } from "ant-design...