深圳网站搜索,域名买好了怎么做网站,南宁网站建设nnit30,wordpress谷歌提示#xff1a;前端项目一定要先引入组件 配置。再编码#xff01;#xff01;#xff01;#xff01; 文章目录 使用 vue-cli 脚手架初始化前端工程化配置引入Vue前端组件库 -- arco前后端联调引入Md 编辑器组件 使用 vue-cli 脚手架初始化
使用安装脚手架工具#xf… 提示前端项目一定要先引入组件 配置。再编码 文章目录 使用 vue-cli 脚手架初始化前端工程化配置引入Vue前端组件库 -- arco前后端联调引入Md 编辑器组件 使用 vue-cli 脚手架初始化
使用·安装脚手架工具
npm install -g vue/cli创建项目
vue create vue-project前端工程化配置
脚手架已经帮我们配置了代码美化、自动校验、格式化插件等无需再自行配置 但是需要在 webstorm 里开启代码美化插件 setting 中 搜索Prettier 启用 prettier 引入Vue前端组件库 – arco
组件库https://arco.design/vue
执行安装
npm install --save-dev arco-design/web-vue改变 main.ts
import { createApp } from vue;
import App from ./App.vue;
import ArcoVue from arco-design/web-vue;
import arco-design/web-vue/dist/arco.css;
import router from ./router;
import store from ./store;createApp(App).use(ArcoVue).use(store).use(router).mount(#app);前后端联调 安装请求工具类 Axios 官方文档 编写调用后端的代码 传统情况下每个请求都要单独编写代码。至少得写一个请求路径 直接自动生成即可https://github.com/ferdikoomen/openapi-typescript-codegen
首先安装
npm install openapi-typescript-codegen --save-dev然后执行命令生成代码
openapi
--input http://localhost:8121/api/v2/api-docs
--output ./generated
--client axios3直接使用生成的 Service 代码直接调用函数发送请求即可比如获取登录信息
// 从远程请求获取登录信息
const res await UserControllerService.getLoginUserUsingGet();
if (res.code 0) {commit(updateUser, res.data);
} else {commit(updateUser, {...state.loginUser,userRole: ACCESS_ENUM.NOT_LOGIN,});
}如果想要自定义请求参数怎么办 文档
引入Md 编辑器组件
推荐的 Md 编辑器https://github.com/bytedance/bytemd 阅读官方文档下载编辑器主体、以及 gfm表格支持插件、highlight 代码高亮插件
npm i bytemd/vue-next
npm i bytemd/plugin-highlight bytemd/plugin-gfm