VUE开发
Fonchar
one by one
展开
-
【无标题】
vue打包提示rem必须为数字的异常处理原创 2022-08-22 09:10:08 · 101 阅读 · 1 评论 -
VUE开发——静态文件管理(以图片Images管理为例)
前言一、创建二、使用前言对于应用开发过程中的静态文件(eg:Images,Files,…)的路径管理我认为是比较头疼的是,有没有一种比较好的方法去管理这些乱七八糟的东西呢?答案是有的,不仅在VUE的开发中用到,在平时的REACT和RN开发中我也会用到。使用静态文件管理有如下好处:这样更加利于我们将心思花在程序设计和编码上代码更加的简洁更加利于后期的更新和维护强迫症福利一、创建1、确定静态文件路径:2、新建 Images.js ,个人习惯放在 /src/router/ 下面:3、.原创 2020-08-09 21:24:21 · 1694 阅读 · 0 评论 -
VUE开发——快速键入VUE组件模板(eslint:0 error, 0 warnings)
前言参考VScode官网创建VScode Snippet1、打开文件 => 首选项 => 用户片段调出命令面板,输入vue.json,回车,进入到vue.json文件:2、复制如下代码到vue.json文件中(覆盖):{ "Init Vue File": { "prefix": "vue", "body": [ "/**", " * Copyright © 2019 Fonchar. All rights reserved.",原创 2020-08-09 02:06:52 · 188 阅读 · 0 评论 -
Linux服务器——Nginx部署
VUE和REACT项目的部署通常会通过Nginx进行部署。一、yum安装Nginx1、安装yum install nginx2、设置开机启动systemctl enable nginx二、查看相关文件whereis nginx三、配置conf文件cd /etc/nginx/cd conf.d/1、进入conf.d之后创建配置文件:vi yourname.conf2、按 i 进入编辑模式,粘贴代码:server { listen 80;原创 2020-08-08 22:35:50 · 319 阅读 · 0 评论 -
VUE开发——利用Node搭建简易服务器运行Vue打包文件dist
Vue项目开发的时候打包生成打包文件dist,但是因为某些原因需要线下运行该文件。此时可以通过Node构建一个简易服务,使打包文件跑起来。一、服务结构二、上代码app.jsvar express = require('express');var fs = require('fs');var http = require('http');var app = express();app.use(express.static('./dist'));app.use(function (req,原创 2020-08-08 20:32:56 · 1352 阅读 · 0 评论 -
VUE开发——全局jquery的引入、全局bootstrap的引入
VUE开发-全局jquery的引入、全局bootstrap的引入前言一、配置\build\webpack.base.conf.js二、配置\src\main.js三、效果前言**首先要了解bootstrap的依赖:**bootstrap不仅依赖jquery,而且依赖pooper.js。因此需要安装bootstrap、jquery、pooper.js。npm i -s bootstrap jquery pooper.js一、配置\build\webpack.base.conf.js一)文件头部添加原创 2020-08-08 20:03:05 · 370 阅读 · 0 评论