vue项目优化
cross-env 包环境静态文件分离require 是置顶的双斜杠 //baidu.com可以是http也可以是httpsrequire.ensure打包到不同的文件中项目文件路径规范静态文件（不需要打包的文件）放在static路径下，同时静态文件使用es5语法，css原生语法...
2024-01-10
vue项目的配置
1、第一首先我们先安装：visual studio code开发环境，可以换成中文版的。2、安装note.js 下载链接：https://nodejs.org/en/3、安装npm使用淘宝镜像https://npm.taobao.org/ 也可以打开cmd键入：npm install -g cnpm --registry=https://registry.npm.taobao.org4、打开cmd键入：cnpm install -g @vue/cli5、安装完毕使用在cmd 键入：vue ui ...
2024-01-10
码云vue项目管理
1.码云上根据需求创建项目；2.进入项目——>克隆/下载 选择复制 SSH3.clone码云上的项目到本地：在相关目录(如 A)下运行终端，执行指令: git clone 复制的SSH地址； 此时在A里面创建了码云上项目文件（如B），4.创建vue项目：运行 vue init webpack B(B为克隆到本地的文件夹名称）; 5.根据自己的需求...
2024-01-10
vue项目打包问题
vuecli4项目。 "scripts": { "serve": "vue-cli-service serve && webpack-dev-server --open", "test": "vue-cli-service build --mode testServer", "build": "vue-cli-service build", "webpack": ...
2024-02-16
vue项目报错处理
当我们执行完npm run serve命令时，会遇到这样的情况。报错这时我们需要用VS Code把项目打开，然后打开终端，找到package.json文件，里面放的都是我们安装的插件，找到less-loader，删除它，然后记得保存。在终端界面输入npm i命令运行结果我们再次执行npm run serve命令，提示我们缺少两个包...
2024-01-10
vue项目打包步骤
vue项目打包终端运行命令 npm run build打包成功的标志与项目的改变，如下图：点击index.html，通过浏览器运行，出现以下报错，如图：那么应该如何修改呢？具体步骤如下：1、查看package.js文件的scripts命令2、打开webpack.dev.conf.js文件，找到publicPath: config.dev.assetsPublicPath,按Ctrl点击，跳转到index.js文件3...
2024-01-10
vue项目实例-常用标签
感谢：https://www.jianshu.com/p/5d9b341d650f总结：1、<router-link to=\'\'>主要实现跳转链接功能，属性to=\'/\'即是跳转到path为\'/\'的路径.2、v-bind动态绑定指令，格式为：v-bind:你要动态变化的值="表达式"3、v-for列表渲染例：<tr v-for="item in peoples"> <td> {{item.name}} </td> </tr>4、v-show指令与v-if指令的区别就在于...
2024-01-10
vue项目前端埋点的实现
埋点方案的确定。业界的埋点方案主要分为以下三类：代码埋点：在需要埋点的节点调用接口，携带数据上传。如百度统计等；可视化埋点：使用可视化工具进行配置化的埋点，即所谓的「无痕埋点」，前端在页面加载时，可以读取配置数据，自动调用接口进行埋点。如开源的Mixpanel;无埋点：前端...
2024-01-10
Vue商城项目04
绘制 商品列表 页面基本结构并美化<template> <div class="goods-list"> <div class="goods-item"> <img src="https://img14.360buyimg.com/n0/jfs/t1/68656/34/7819/87669/5d5e0becE1808db2a/4f29ef986f103e36.jpg" alt=""> <h1 class="title">小米（Mi）小米Note 16G双网通版</h1> ...
2024-01-10
vue 项目中实用的小技巧
# 在Vue 项目中引入Bootstrap有时在vue项目中会根据需求引入Bootstrap，而Bootstrap又是依赖于jQuery的，在使用npm安装时，可能会出现一系列的错误1、安装jQuerynpm install jquery2、安装Bootstrapnpm install [email protected]3以上两步，也可以先在package.json 配置文件中指定版本号，然后运行 npm install安装完了以后项目...
2024-01-10
如何优化vue的项目体积?
最近比较空闲 相对当前的两个前端项目进行优化,本地打包感觉有点慢,看了一下项目里面引了很多依赖,很多是不必要的:package.json文件如下:{ "name": "amconsole", "version": "1.0.0", "description": "A Vue.js project", "author": "", "private": true, "scrip...
2024-02-11
vue项目钩子hook问题？
在一个vue项目中，当前我有两个hook：useTable和useFrom并且有两个请求 requestA和requestB，useTable中需要请求requestA并获取到其返回的数据。hooksB中需要请求requestA和requestB，并且useForm中要求要请求完requestA才能请求requestB，因为在requestB中需要用到requestA返回的数据。我如何才能不让re...
2024-02-22
vue----第一个工程项目
1、创建工程vue init webpack hello-vue安装依赖# 进入工程目录cd hello-vue# 安装 vue-routernpm install vue-router --save-dev# 安装 element-ui(在vue项目中)npm i element-ui -S# 安装 SASS 加载器npm install sass-loader node-sass --save-dev# 安装依赖npm installNPM 相关命令说明npm install moduleName：安装...
2024-01-10
使用ts开发vue项目知识点1
用ts开发项目变化还是挺大的由于 TypeScript 默认并不支持 *.vue 后缀的文件，所以在 vue 项目中引入的时候需要创建一个 vue-shim.d.ts 文件，放在根目录下declare module '*.vue' { import Vue from 'vue'; export ...
2024-01-10如何为vue的项目添加单元测试
动机单元测试能避免出现一些代码运行结果与预期不符的错误，通常是一些比较低级但又难以发现的问题。粗心且懒，在每次调整之后，需要不断地检查代码，反复去走流程。担心由于自己的改动而导致了逻辑上的错误。而这里面的一大部分工作其实可以让单元测试来完成。有了单元测试之后，可...
2024-01-10
Vue项目环境配置流程
一、配置仓库公钥（SSH）1、打开命令面板，在命令面板输入ssh-****** -t rsa -C “注册仓库时的邮箱”，在系统盘生成.ssh后缀文件夹和.pub后缀文件。如下图：2、打开.pub后缀文件，复制文件里的代码到码云：这样就生成了公钥二、创建项目仓库点击新建仓库，填好仓库名称以及是否开源等信息即可创...
2024-01-10
vue项目打包发布，跨域问题求助
vue开发了以一个小插件，中间调用了一个第三方接口，在本地开发环境中，配置了proxy，解决了跨域问题，但是打包之后，发布npm包后，失效了这里该怎么解决呢，或者有什么思路呢，各位大佬们这里是发布npm包（中间调用了一个第三方接口），解决跨域，配置nginx肯定不合适在这种情形试了网上的方案，jsonp跨域，但是这个第三方接口做了限制（crob)，jsonp跨域不成功回答：可以尝试让后端出个代理...
2024-02-22
vue项目打包以及优化的实现步骤
目录vue项目的打包上线及优化vue项目的打包项目托管项目的常见优化vue项目的打包上线及优化项目完成，我们会将项目进行上线，为了提升性能，我们往往会进行一些优化处理vue项目的打包脚手架项目中有一个默认的打包命令,我们可以输入npm run bulid来对项目进行打包打开终端，切换到项目根目...
2024-01-10详解vue移动端项目代码拆分记录
撸一套vue多端共用，非常适合需要快速且全面上线的项目。但是多端共用一套vue代码，由于平台间的互相限制，每端在某些业务例如支付分享等是完全独立的代码，每个平台的支付方式也会有所差异，造成在这些业务的实现过程中会有太冗余的“if else”判断。所以为了提高代码的复用性、扩展性，可...
2024-01-10
浅入深出Vue：发布项目
项目完成之后，当然不能满足于在我们的开发环境下跑一跑。我们可以打包发布到服务器上，让大家一起来欣赏一下你的作品。那么 vue 项目如何打包发布呢，新建的项目目录下通常都有一个 README.md 的文件，里面就描述了发布的步骤：下面这个是 vue-cli 3.x 创建的项目中的 README.md 文件内容：# firstpage...
2024-01-10
Vue2.0项目实战语法
一、安装配置依赖1） vue init webpack-simple 项目名称 2） cnpm install3 ) npm run dev4 ) cnpm install vuex vue-router axios -D5 ) cnpm install style-loader css-loader -D 6 ) 需要在webpack.config.js中加入 { test: /\.css$/, loader: 'style-loader!...
2024-01-10
vue 项目软键盘回车触发搜索事件
目的：掉起来右下角为搜索的按钮步骤：1、input的type改为search，再写keydown按下时的事件调取搜索事件的方法这样安卓手机上回车就变成了“搜索”，不过ios仍然是换行2、input 外面套form，必须要有action，action=“javascript:return true”我的项目用van：想弹出数字键盘，并监听搜索（换行），在安卓上执...
2024-01-10
如何结合后台数据库 启动vue项目
一：连接数据库1、点击打开后输入密码2、查看数据库 show databases;3、创建数据库 create database jd; 删除数据库 drop database jd;4、使用数据库 use jd; source d:\vip\vue-jd\jd.sql; (数据库所在的路径)二：启动后台node servier.js三：启动前台npm run dev 如果不成功可尝试cnpm install 和 npm run build...
2024-01-10
浅谈vue项目,访问路径#号的问题
刚入手vue，有好多的疑问，目前遇到的是vue项目启动之后，输入http://ip:port，我发现浏览器里面显示的地址栏竟然是http://ip:port/#/，这个”/#/“不知道是什么东西，于是百度查了一下。原因：对于vue开发的单页面应用，我们在切换不同的页面的时候，可以发现html永远只有一个，这也正是称之为单页面的...
2024-01-10
