配置常用包配置常用包配置常用包初始化环境npm init
原创
2021-08-02 14:06:43
224阅读
1.安装node 2.cmd node-v3.如果是刚刚安装输入 node-v 会成功出现版本 如果不是全局安装 过段时间输入 node-v会出现 'node' 不是内部或外部命令,也不是可运行的程序或批处理文件。4.配置环境 我的电脑右键属性--点击高级系统设置--点击环境变量--在下方的系统变量
转载
2018-05-14 11:15:00
115阅读
2评论
vue-cli的安装npm install -g vue-cli@2.9.6查看版本vue -V使用vue-cli创建项目vue init webpack vue_demo项目名为vue_demo
原创
2021-07-27 17:59:11
186阅读
查看vue_cli版本号vue --version 卸载之前的vue脚手架npm uninstall vu
原创
2022-07-06 16:38:41
58阅读
前文 Vue - Vue CLI(4): Vue-CLI2 和 Vue-CLI3、Vue-CLI4的区别 里面有提到:Vue CLI3、Vue CLI4新建的项目,根目录结构内 少了之前的 build、config、static文件夹,配置文件也少了几个,连 index.html 都没有了,但多了一个 public 文件夹。那么问题来了,既然没有了 build、config文件夹,那么项目
转载
2021-05-10 18:15:29
1442阅读
2评论
config文件夹内容修改一、index.js修改二、test.env.js新增build文件夹内容修改一、webpack.test.conf.js新增二、build-test.js新增package
原创
2022-01-13 17:30:40
636阅读
://.net/qq_37055675/article/details/85047451 通过不同命令行切换不同环境api等信息, 例如: npm run dev 调用本地环境api npm run test 调用测试环境api npm run build 调用线上环境a
转载
2020-06-28 09:32:00
180阅读
2评论
一、需求在项目上线过程中,需要根据不同的环境来抽出公共的参数,比如请求域名和一些外部资源环境配置。以下就是今天的主题,关于vue-cli 2.x 多环境打包配置。二、操作整个操作所涉及到的部分,主要是包含package.json, 还有build目录下的文件 以及 config目录下的文件。1、配置package.json在package.json中的scripts中添加相关环境地址,我的环境添
转载
2020-06-17 13:27:00
292阅读
2评论
由于公司项目需要多环境,就研究了一下vue-cli3的多环境配置,这里和大家分享一下vue-cli3多环境配置方法首先我们先看看 vue-cli环境变量和模式,通过官网我们可以发现 vue-cli 提供了三个模式(test、development、production)而每种NODE_ENV下面可以配置多个环境变量我们可以通过.env文件增加后缀来设置某个模式下特有的环境变量我们可以通过传
原创
2022-02-25 13:39:32
868阅读
一. 业务需求 需求背景是自研设备需要一个后台画线的功能, 在摄像头返回的画面上画线, 然后把坐标, 以及勾选的相关配置传给后端, 后端进行保存, 后续的机器识别基于这个配置, 对通过车辆进行车牌, 颜色等信息识别. 具体需求是:  
一、首先安装jenkins和gitLab(可自行百度查看如何安装jenkins和gitLab),并在jenkins所在服务器安装vue项目打包所需工具,包括node.js;vue-cli脚手架,webpack工具,还需在jenkins服务器安装git工具用于进行git项目下载。安装内容:1、vue部分:(1)Node.js(安装完成后检查node和npm版本是否已安装完成,命令node -v)(2
转载
2024-09-13 13:59:28
174阅读
在项目下新增vue.config.js文件 module.exports={ productionSourceMap: false, publicPath: process.env.NODE_ENV 'production' ? '././' : './', }
原创
2022-09-01 17:38:48
63阅读
添加icon参考文档1. 在项目根目录(index.html同级目录)下添加favicon.ico文件2. 在项目index.html中引入图标<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />复制代码3. 配置webpack配置文件(build文件夹下面)在 webpack.dev.conf.js
转载
2021-01-30 12:38:11
1037阅读
2评论
在项目根目录中执行如下命令: npm run build 注:Vue脚手架打包的项目必须在服务器上运行,不能直接双击运行; 在打包之后项目中出现 dist 目录,dist 目录就是 Vue脚手架项目的生产目录(直接部署目录)。 ...
转载
2021-10-02 13:21:00
485阅读
2评论
一、安装Vue Router安装命令:npm install vue-router安装后在根目录中的package.json中的dependencies会声明vue-router的依赖包二
原创
2023-05-06 14:41:41
347阅读
目的: 提高打包速度 减小项目体积、提高首屏加载速度 提高用户体验(骨架屏) 1.使用CDN 加速优化 cdn优化是指把第三方库比如(vue,vue-router,axios)通过cdn的方式引入项目中,这样vendor.js会显著减少,并且大大提升项目的首页加载速度。 2.图片压缩 需要下载 im ...
转载
2021-07-19 18:27:00
1435阅读
2评论
apache的配置 这是windows下的 在httpd vhosts.conf文件中把目录指向项目index.html文件所在的位置 然后再 index.html文件的同级路径下 创建.htaccess文件 内容就是官方文档给的 一点都不用改 然后确保 config/index.js中的build
转载
2018-11-14 19:32:00
83阅读
2评论
1、安装babel-plugin-transform-remove-console插件 npm install babel-plugin-transform-remove-console --save-dev 2、在项目下面找到babel.config.js文件,没有就自己创建一个,把定义的prod ...
转载
2021-10-21 17:53:00
469阅读
2评论
#?. 前言
为什么会需要配置多种环境变量?在一个产品的开发过程中,一般来说都是会经历这么一个过程:本地开发 → 测试版部署 → 测试 → 预上线 → 正式上线。对应的每一个环节中的服务器地址,接口地址...都会不一样。那么我们需要怎么去处理这种情况。#一. 如何配置环境变量
#1. 创建文件
在 vue-cli4 的脚手架构建的项目根目录中新建一个 .env.[model] 文件,model 为
原创
2023-08-25 11:11:01
145阅读
1、public文件夹 使用绝对路径引入。 2、assets文件夹 使用相对路径引入。 https://cli.vuejs.org/zh/guide/html-and-static-assets.html#%E4%BB%8E%E7%9B%B8%E5%AF%B9%E8%B7%AF%E5%BE%84%E
转载
2019-08-12 14:56:00
313阅读
2评论