目录一. vue相关软件安装1.安装HBuilderX2.安装nodejs二.vue入门1.新建项目2.运行到终端3.设置代理4.安装插件5.vue基本语法三.Vue网络请求+elementplus1.网络请求(1)安装网络依赖包(2)设置引入全局(配置main.js)(3)后端提供一个接口(4)生命周期方法(5)封装类Result2.UI框架-Element-Plus(1)安装(同上在cmd的当
为了前后端分离，我们在前端和api层中间，架构了一层node层，用来做服务端渲染，来加快用户的首屏可用和对搜索引擎的友好。项目一开始放置在同一个git仓库里面，分别放在client目录和server目录中（或者类似于vue 官方例子中的一样，node服务可能只有一个sever.js。因为server中可能需要client中的一些资源，所以不得不将他们放在一起。后来通过配置中心驱动之后，client
1.前言现在基本都要求程序猿知识面广，引用一句经典的话：“不想当全栈的后台程序猿不是好攻城狮”。所以还是要多了解一些知识，每个菜鸟都有一个大牛梦，每个小白都有一个全栈梦，颤抖吧骚年。2.前端框架目前最火的三款前端框架：AngularJs、VueJs、ReactJs，各有各的社区和粉丝，很难说它们三个谁是最好用的，只能说各有各的使用场景、各有各的优势，比如AngularJs最大的优势是【依赖注入】、
工欲善其事，必先利其器，所以在开始之前选择一个合适好用的编辑器是很重要的，工具不再多，在于好用就行，除了编辑器，我们也要掌握其他的一些工具，才能够让我们在学习的道路上更加的顺畅。1. WebStorm不必多说，前端最强大的编辑器，特别是那无敌的智能提示，但是它的缺点在于如果项目多于大时，出现的卡顿让很多人苦恼。
WebStorm：官网下载地址。WebStorm 有哪些过人之处？激活WebStorm
推荐项目：Vue-Antd-Admin - 强大的前端管理模板项目简介是一个基于 Vue.js 和 Ant Design Vue 的高效、简洁的后台管理系统模板。此项目旨在帮助开发者快速搭建企业级后台应用，减少重复工作，提升开发效率。技术栈分析Vue.jsVue.js 是一个用于构建用户界面的渐进式框架，以其易学易用和高性能的特点深受开发者喜爱。Vue-Antd-Admin 充分利用了 Vue 的
# Vue 3 在 iOS 后台白屏问题的解决方案
在使用 Vue 3 开发移动应用时，经常会遇到一些特定平台下的问题。例如，在 iOS 的后台运行时，应用可能会出现白屏现象。本篇文章将通过对这一问题的分析，给出一些可能的解决方案，并提供相关代码示例，最后还会展示如何使用 Mermaid 绘制一个饼状图。
## 一、问题背景
在移动端应用开发中，尤其是在使用 Vue 3 的项目里，出现白屏的
原创
2024-09-26 08:49:36
163阅读
# 如何实现 vue3 axios 请求后台
## 1. 了解整个流程
在实现“vue3 axios 请求后台”这个功能之前，首先需要了解整个流程。下面是整个流程的步骤：
```mermaid
erDiagram
用户 --> 创建Vue3项目
创建Vue3项目 --> 安装axios
安装axios --> 配置axios
配置axios --> 发送请求
原创
2024-03-03 05:42:25
146阅读
1、安装docker1.1、卸载系统之前的 dockersudo yum remove docker \
docker-client \
docker-client-latest \
docker-common \
docker-latest \
使用全局路由守卫实现前端定义好路由，并且在路由上标记相应的权限信息const routerMap = [
{
path: '/permission',
component: Layout,
redirect: '/permission/index',
alwaysShow: true, // will always show the root menu
vue-webpack 打包工具我的github iSAM2016 不是教程，是自我总结目录webpack.base.conf.jswebpack.dev.conf.jswebpack.prod.conf.js一开始在接触webpack 的时候，简直痛不欲生，现在回头看，做个注释， 当然参考了很多文章。这是一个关于vue 开发的webpack 架构会列举出来webpack 系列教程Webpack—
1、安装docker1.1、卸载系统之前的 dockersudo yum remove docker \
docker-client \
docker-client-latest \
docker-common \
docker-latest \
转载
2024-10-22 15:41:37
22阅读
了解Vue和Vue CLI及其关系VueVue CLIVueCLI项目安装Vue CLI 安装好Node.js后我们先不要安装Vue，先设置淘宝镜像： 我们打开IDEA的终端： 使用上面的命令获取当前镜像网址，如果不是淘宝的，改成淘宝的。安装这个镜像的目的是为了使我们之后的下载安装更快一点。 安装Vue CLI:创建web应用安装好后我们就可以直接使用vue create来创建一个web应用：启动
转载
2024-08-27 20:56:38
38阅读
1. 目录构建的规范命名原则：简洁 比如： src 源代码 img 图片资源 js JavaScript脚本 dep 第三方依赖包不使用复数 比如： 不使用 imgs docs根目录（root）结构按职能划分 比如： 1. src 源代码（逻辑） 2. doc 文档 3. dep 第三方依赖包 4. test 测试根据业务逻辑进行文件夹的划分 src —common 公共资源 —img -----
转载
2024-08-23 17:41:56
33阅读
一、1、vue介绍vue是一款敏捷开发的前端框架。2、vue基本使用 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="vue3.js">
转载
2023-12-27 11:59:24
82阅读
前端使用vue.js，那么怎么搭建vue.js呢先安装nodejs以及npm现在基本的nodejs都包含有npm，下载安装后，可以在cmd命令里输入node -v 和npm -v 分别查看安装的版本两个都显示了版本就是安装oknodejs安装成功之后，就安装vue直接cmd命令里运行npm install -g vue-cli (只需要第一次安装时执行)选定一个开发路径在文件里运行cmd 执行命令
有关于移动端的适配布局一直以来都是众说纷纭，对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案，随着viewport单位越来越受到众多浏览器的支持，因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题。到目前为止不管是哪一种方案，都还存在一定的缺陷。言外之意，还没有哪一个方案是完美的。事实上真的不完美？其
在现代的Web开发中，使用Vue.js作为前端框架和Kubernetes（K8S）作为容器编排系统是非常流行的选择。Vue.js是一个渐进式JavaScript框架，而Kubernetes是用于自动化部署、扩展和管理容器化应用程序的开源平台。在本文中，我将教你如何使用Vue3开发一个简单的后台管理系统，并将其部署到Kubernetes集群中。
首先，让我们来看看整个过程的步骤：
| 步骤
原创
2024-05-17 13:39:27
228阅读
一、创建项目 1、使用vite创建名为my-vue的项目：npm init vite-app my-vue 2、进入到my-vue文件夹下：cd my-vue 3、安装依赖包：npm install 4、运行该项目：npm run dev 二、引入element-plus 1、element-plus地址：https://element-plus.org/zh-CN/component/butto
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实
公司最近要开新项目想要使用vue-cli 3.0 搭建项目，今天查了vue-cli 3.0 搭建项目的流程及注意事项，在这里记录一下。创建项目之前先确定vue-cli、node、及npm的版本，vue-cli 3.0要求node版本在8.0. 以上。1、创建项目 vue create yaya 2、选择预置配置，选择 Manually select features，按上下箭头可以切
转载
2024-07-22 11:01:24
82阅读
