前端项目开发可能配置就劝退了不少人,那么通常需要如何配置,如何开发呢?
假设使用vite vitejs.cn/ 作为构建工具(webpack也差不多)
- 如果你想要清空默认的样式,那么你需要normalize.css
- 如果你想做出一个相对漂亮的界面,那么不可避免的要使用现成的组件库方案,这里推荐Element-Plus,element-plus.gitee.io/zh-CN/
- 其次如果想实现单页面应用SPA,那么你需要路由来进行跳转和切换,官方路由Vue-Router,router.vuejs.org/zh/
- 如果你需要保存一些全局状态,比如说当前的用户信息,那么你需要全局状态管理pinia,pinia.vuejs.org/zh/introduc…
- 如果你有一些可视化的需求,比如说绘制表格,渲染图表地图等,那么推荐echarts来进行绘制,echarts.apache.org/zh/index.ht…
- 如果你的项目需要以接口的形式来实现前后端分离,那么需要使用axios来进行网络请求,www.axios-http.cn/
- 接上一条,如果你还没有拿到数据,那么你可以使用假数据进行开发,如mock,验证自己的正确性
通常,自己的目录结构大概是,除了网络请求没有找到很官方的命名以外,其余的应该是比较约定俗成的命名
每个包的使用方式大致都是相同的,官网就是最好的教材,大概的安装步骤都是
- 下载,包管理工具下载,如npm install 包名
- 导入,在你的项目main.js/main.ts 中导入,有的可能需要app.use(包名)一下
(看的人多再每个弄个小demo