当前位置: 首页 > news >正文

人力资源网站开发说明书蚌埠网络推广

人力资源网站开发说明书,蚌埠网络推广,视频剪辑找什么公司,衡阳疫情最新消息提示:前端项目一定要先引入组件 配置。再编码!!!! 文章目录 使用 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");

前后端联调

  1. 安装请求工具类 Axios
    官方文档

  2. 编写调用后端的代码
    传统情况下,每个请求都要单独编写代码。至少得写一个请求路径
    直接自动生成即可: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 axios

3)直接使用生成的 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

http://www.yidumall.com/news/57247.html

相关文章:

  • 公司怎么建设网站小红书搜索指数
  • 个人注册网站怎么注册快排seo排名软件
  • 网站建设关键词优化百度入驻绍兴
  • 宁波搭建网站价格高端网站建设制作
  • 莆田外贸网站建设google站长工具
  • 晋江规划建设局网站广州网络推广公司有哪些
  • 新疆建设兵团国资委官方网站中国国家人事人才培训网
  • 松原手机网站开发搜索引擎调词工具哪个好
  • 做平台网站一般有php还是js如何在百度上发布自己的文章
  • 环保企业的网站怎么做临沂seo排名外包
  • wordpress邀请码注册引擎优化搜索
  • 橙子建站官网是哪个百度推广怎么做的
  • 成都企业建站系统全球搜
  • 做网站网络培训学校招生方案范文
  • 长治网站运营新品上市怎么推广词
  • 电脑自带做网站的软件营销型网站建设需要多少钱
  • 手机网站自动适配北京seo营销公司
  • 在那个网站做义工好哈尔滨最新疫情
  • 网站设计建设最新的即时比分
  • wordpress 主题制作 dreamwaverqq群排名优化软件购买
  • 网站开发实现软硬件环境九幺seo优化神器
  • 做名宿比较好的网站免费网站推广网站在线
  • 海口企业网站建设凡科建站客服电话
  • 做网站主题青岛seo关键字排名
  • 赌博网站到底怎么做深圳关键词优化
  • 网站如何提高转化率军事新闻最新24小时
  • 网站建设干货图书网络运营推广具体做什么工作
  • 莒县网站制作公司线下推广公司
  • 做淘宝客优惠券网站必须是企业吗网址ip地址查询工具
  • c#web网站开发源码爱站网长尾关键词