vue-typescript-admin-template后台管理系统
2020/3/29 11:02:17
本文主要是介绍vue-typescript-admin-template后台管理系统,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
前言
- 之前都是用2.9.6@vue-cli写的【音乐博客】
- 因为vue-cli@3.0早早就发布了,怕到时候面试的时候问到不懂,略显尴尬,所以趁着有空余的时间来学习学习
- 刚好也可以将项目升级一下,用下大佬写的框架
两个方面
1.升级vue-cli到3.0以上版本
- Vue CLI 的包名称由 vue-cli 改成了 @vue/cli
- 因为我电脑的vue-cli是2.9.6版本,所以需要卸载然后重新安装新版本
- 卸载vue-cli:
npm uninstall vue-cli -g复制代码
- 安装vue-cli:
npm install -g @vue/cli复制代码
- 显示安装成功,如何证明:
vue --version @vue/cli 4.2.3复制代码
- OK,我们现在已经是4.2.3版本了
2.准备下载vue-cli@3.0以上版本
- 我使用的是vue-typescript-admin-template这个模板,是一个后台前端解决方案,它基于 vue, typescript 和 element-ui实现,原始的 Javascript 版本的代码是由 PanJiaChen 开发维护的 vue-element-admin,里面有功能丰富的集成方案,GitHub传送门:github.com/PanJiaChen/…
- 如果你想从一个十分简单的基础模版开始,而不是直接使用这个功能丰富的集成方案的话,你可以看一看本项目的 minimal 分支,GitHub传送门:github.com/Armour/vue-…
- 该系统的dos文档:armour.github.io/vue-typescr…
- 项目下载下来:
npm install复制代码
- 可能会报错,报错信息:
结果百度排查之后,找到了该作者下的vue-element-admin文档
科普一下,我们现在使用的vue-typescript-admin-template这个模板是PanJiaChen 开发维护的 vue-element-admin作者,他也有写vue-element-admin
所以我在他原始的vue-element-admin文档发现解决方案,因为都是同一个作者写的,报错解决问题还是有点类似,死马当活马医,抱着试试看的心态!
不卖关子了,把npm i 换成 cnpm i来下载依赖,就可以解决npm i下载失败的问题
安装cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org复制代码
- 果然可以下载了,不过又出现一个报错信息:
意思是:fibers@4.0.2版本太高了,可能跟node版本有关,所以我的解决方案是在项目把package.json的"fibers": "^3.0.2"改为3.0.2即可
现在我们在来cnpm install 下载
很好,现在已经下载成功,可以npm run serve运行看看
总结:把项目下载下来之后,先npm i,然后在cnpm i ,然后再去package.json把fibers版本换成“3.0.2”,即可npm run serve运行
现在下载成功,运行也成功,但是vue@3.0的eslint 开启校验代码,一直提示着,个人看着有点不爽,我决定把他关闭掉
找到 .eslintrc.js文件,将extends修改为以下配置:
'extends': ['eslint:recommended','plugin:vue/recommended',// '@vue/standard','@vue/typescript'],
// @vue/standard,这个注释掉就可以了,记得改完重新npm run serve一下
参考
Typescript+Vue大型后台管理系统实战 :juejin.im/post/5e1bb2…
vue-cli3 中停 tslint:www.jianshu.com/p/ee78b9ca2…
这篇关于vue-typescript-admin-template后台管理系统的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-04package.json 文件位置在哪?-icode9专业技术文章分享
- 2024-10-01Craco.js学习:从入门到实践指南
- 2024-10-01Create-React-App学习:入门与实践指南
- 2024-10-01CSS-in-JS学习:从入门到实践指南
- 2024-09-30JSX语法学习:从入门到初步掌握
- 2024-09-30Mock.js学习:入门教程与实战演练
- 2024-09-30React Hooks学习:从入门到实践
- 2024-09-30受控组件学习:React中的基础入门教程
- 2024-09-29JS定时器教程:初学者必看指南
- 2024-09-29JS对象教程:初学者的全面指南