cli3

vue cli2 升级vue cli3 采坑记录

但是编译速度不慢，后来经过某一次需求之后，就开始编译速度很慢了，项目存在的问题启动速度慢编译速度慢原项目依赖和文件目录文件目录package.jsondependenciesdevDependencies迁移到cli3
·2022-04-19 18:59

vue cli2 和 cli3去掉eslint检查器报错的解决

目录cli2去掉eslint检查器报错cli3去掉eslint检查器报错vue-cli3取消eslint检查cli2去掉eslint检查器报错eslint在编写过程中及其严格，甚至单引号和双引号或者空格注释都会引起报错
·2022-04-15 10:01

从vue cli2迁移到cli3

静态资源官方文档-public文件夹有一些图片，因为canvas合成的原因并不能放置在src/assets文件夹内，所以需要放置在根目录static/image下，因为cli3移除了static文件夹，
Simorel·2022-04-09 22:29

vue cli3 项目中如何使用axios发送post请求

目录使用axios发送post请求首先需要安装对应的第三方包发送post请求发送get请求将index.js中再添加如下代码vue使用axios的踩坑记录axios跨域解决方法axios发起post请求后端无法接收数据使用axios发送post请求react同样适用首先需要安装对应的第三方包cnpmi-Saxioscnpmi-Slodash然后在做下边的在vue项目中创建一个这样的文件目录发送po
·2022-04-07 09:47

关于Vue CLI3中启动cli服务参数说明

目录VueCLI3启动cli服务参数使用命令vue-cli-serviceservevue-cli-servicebuildvue-cli-serviceinspect查看所有的可用命令Vue常用命令VueCLI3启动cli服务参数使用命令在一个VueCLI项目中，@vue/cli-service安装了一个名为vue-cli-service的命令。你可以在npmscripts中以vue-cli-s
·2022-04-02 12:31

vue富文本编辑器Tinymce使用及遇到的问题

先说环境，我用的是cli3,然后安装的tinymce5，本文主要说遇到问题的解决办法，配置等就比较简单了首先安装网上有很多文章都一样，这步基本没啥问题npminstall-s@tinymce/tinymce-vuenpminstall-stinymce
Mr_dreamer·2022-02-21 13:28

vue cli3 + ant-design-vue的使用

之前已经有vuecli3搭建项目的介绍，这里不再赘述。接下来记录下ant-design-vue的安装和使用。ant-design-vue的安装npminstallant-design-vue--savenpminstallantd-init-gmain.js文件中引入：//引入ant-design-vueimportAntdfrom'ant-design-vue'import'ant-design
唯吾听烟雨·2022-02-21 06:26

vue cli3使用svg-sprite-loader

iconfontsymbol对比svg-sprite-loadericonfontsymbol在SVG使用上简单，但是对于后期修改不方便。这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关目前symbol方式的iconfont:支持多色图标了，不再受单色限制。通过一些技巧，支持像字体那样，通过font-size,color来调整样式。兼容性较差，支持ie9+,及现代浏览器
王大合·2022-02-19 23:27

Heroku上部署Vue CLI3项目

https://itnext.io/deploying-vue-apps-to-heroku-the-right-way-26b11c1ae5cd
jeffiano·2022-02-19 16:38

【国际化】vue-cli3+vue-i18n如何便于多人维护开发及JS文件使用i18n

【CLI3构建的项目】如果你是用cli3构建的项目，可以使用以下命令便捷安装配置i18nhttps://www.npmjs.com/
乔巴兄·2022-02-19 06:32

vue cli3移动端 中使用rem配置 以及适配方案！

转载自https://blog.csdn.net/qq_42957741/article/details/102392491第一步安装npmaddpostcss-px2rem第二步在vue.config.js中添加配置constpx2rem=require('postcss-px2rem')constpostcss=px2rem({remUnit:32//基准大小baseSize，需要和rem.j
想成为咸鱼的张三·2022-02-15 05:55

解决vue cli3使用axios跨域问题

目录一、什么是跨域1、跨域2、同源策略3、跨域问题怎么出现的二、使用axios演示并解决跨域问题（vue-cli3.0）1、项目创建、与axios的使用2、跨域问题重现3、解决跨域问题一、什么是跨域1、跨域指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。2、同源策略是指协议，域名，端口都要相同，其中有一个不同都会产生跨域，在请求数据时
·2022-02-11 11:17

Vue Cli3 + TypeScript 前后端分离开发详细指南

TypeScript是趋势，也确实解决了我们开发以及调试前端的很多痛点，我觉得我们有必要上TS。TypeScript是JavaScript的超集，也就是说JavaScript能干的他都能干，并且TS提供了很多语言扩展，提供了数据类型的ts让你在调试的时候不只是对着一堆undefined发愁了.环境准备安装node.jsWindows：下载安装http://nodejs.org/dist/v0.10
冰镇小笼包·2022-02-04 23:17

vue3.0项目快速搭建的完整步骤记录

目录一、我们要确保vue/cli版本在4.5.0以上，才能更好的支持3.0二、通过vue/cli3创建我们的第一个项目RouterCSS预编译ESLint语法校验运行项目升级vue三、vue3.0相比vue2.0
·2021-12-22 15:51

[Vue] vue 2.x项目生产编译优化缩短编译时间 (基于vue/cli3 + webpack 4)

情况说明：前端项目，技术框架是vue2.x+elementui+highcharts，平台内容是基金股票相关（基金行情、基金产品详情、基金经理详情、尽调报告；股票行情；模拟组合，在售组合等）目前项目已经超过11万行代码，开发编译(本地)需要1min左右，生产编译(本地)平均需要17min左右。由于是docker容器化部署，每次上线都要跑流水线编译发布，线上编译的CPU可能不如本地，跑一次流水线的时
·2021-12-19 20:44

记录 Vue CLI3 项目中解决IE浏览器语法兼容导致页面报错白屏问题

vuecli3创建的项目发现在ie浏览器运行中出现语法错误，导致页面报错加载出现空白，然后自己查阅资料发现是在IE11及以下版本中大量ES6语法不支持，然后摸索测试一番后发现可以正常访问了。安装'babel-polyfill'cnpmi--savebabel-polyfill在main.js中引入'babel-polyfill'（在文件首行引入）import'babel-polyfill'在bab
·2021-12-02 17:19

vue项目cli3环境下使用AMap进行定位城市

第一步：在index.html中引入，放在body上面：第二步在vue.config.js中：configureWebpack:{externals:{'AMap':'AMap'}}第三步使用的页面中引入并使用：importAMapfrom'AMap'constcitysearch=newAMap.CitySearch()citysearch.getLocalCity((status,result
·2021-11-23 14:45

vue路由在多级页面下，页面刷新空白（history模式）

/'老方法2：cli3找到项目文件下的vue.config.js（没有就自己创建一个），将baseUrl:""改成baseUrl:"/"新方法：cli3.0以上找到项目文件下的vue.config.js
阿里P9王者·2021-11-22 16:55

Vue cli3 & axios访问本地json出现404

在练习时，用vuecli3搭建项目，用axios访问本地json数据，提示404错误。一开始搜索得到的解决方案，是要把json数据放进，项目根目录的static文件夹内。因为static是vue向外曝露的服务器目录。尝试仍然不行。再次搜索，得到的解决方案是，要把json数据放进public文件夹内，因为vuecli3把以前的static改成public。尝试后仍然不行，如下图：微信截图_20191
御用闲人豪·2021-06-27 03:25

vue-cli 3项目屏蔽eslint报错

这几天主管丢了一个cli3的基础框架给我，然后后续在完善代码的过程中一直在报错，网上找了很多方法，好像很多还停留这新建vue.config.js的cli3初始版本时代，找.eslintrc.js项目里也没这个文件
粥蛋蛋·2021-06-24 17:00

vue +cli3 input移动端兼容

1.首先清除input的默认样式input,button,select,textarea{border:none;//清除边框outline:none;//清除默认边框线-webkit-appearance:none;//不让他像任何的其他标签border-radius:0;//默认圆角-webkit-tap-highlight-color:transparent;//**点击背景高亮一闪ios*
别怕我是好人_2837·2021-06-23 10:27

@vue/cli3快速创建项目采坑记

在卸载了vue-cli2.X后，使用cnpminstall-g@vue-cli安装最新版的vue-cli脚手架工具，再使用vuecreatemyproject时构建不成功。解决：vuecreatemyproject-rhttps://registry.npm.taobao.org根据项目需求进行手动设置，可以添加一个可复用的preset。VueCLI使用的是基于插件的架构，在package.jso
斯里兰卡的小狮子·2021-06-22 14:33

webpack4配置vue3.0 vue-composition-api

2020年9月7日一、前言vue3.0-beta版已经发布几个月了，最近在网上找了找相关文章怎么使用webpack4配置vue3.0，但网上千篇一律的都是使用vue/cli3、vue/cli4或Vite
我友几个逗逼·2021-06-11 10:33

VUE vue-cli2.9.6升级@vue/cli3.10 的操作笔记

1，首先npmuninstall-gvue-cli全局卸载vue-cli2，然后npminstall-g@vue/cli全局安装@vue/cli3，工具：report分析报告页面给打包到了dist中需执行
木和土的杜·2021-06-08 22:35

Intellij&WebStorm进行Vue@cli3开发时文件跳转

@代表src如：import{toLogin}from"@/router/router"解决如下：别名是webpack处理的，但是cli3中没有webpack配置文件，Intellij中要实现跳转需要新建一个
liunewshine·2021-06-05 15:01

vue工程学习（4）之插件eslint使用

vue工程学习（4）之插件eslint使用前言这个是使用cli3创建的vue工程1.安装eslint1）两种方式：vueaddeslintvueUI，从界面上操作2）安装选择操作：PickanESLintconfig
binggoling·2021-06-05 10:21

cli3移动端适配采坑(已解决)

1.vuecli3最新插件postcss-plugin-px2rem,amfe-flexible第一次使用的是lib-flexible+px2rem-loader(好像是这两个,具体记不清了,vue移动端适配,搜出来很多都是这个),首先遇到的问题是...忘记了........这两个插件一起使用会改变屏幕的dpr,导致使用外部插件(几乎所有第三方,不知道哪个可以)都变得很小,因为第三方使用的view
别怕我是好人_2837·2021-06-04 15:46

Vue cli3\4 babel配置转译解决浏览器兼容问题

什么是babel？babel官网介绍戳戳戳：https://www.babeljs.cn/docs/Babel是一个JavaScript编译器，主要用于将ECMAScript2015+版本的代码转换为向后兼容的JavaScript语法，以便能够运行在当前和旧版本的浏览器或其他环境中。Babel做的事情：语法转换通过Polyfill方式在目标环境中添加缺失的特性（通过第三方polyfill模块，例如
蜗牛与藤曼·2021-06-02 16:08

VueJS 之 TypeScript

VueCLI内置了TypeScript的支持，并且@vue/cli3提供了TypeScript插件，因此搭建支持TypeScript的vue工程非常方便。
louieSun·2021-05-08 00:14

VUE CLI3项目搭建 ESLint配置

VUE项目框架配置一、工具准备Node.js安装安装方法：点击查看WebStorm安装下载地址：点击查看二、环境准备镜像准备1.查看代理：npmgetregistry2.设置淘宝镜像2.1临时使用.npm--registryhttps://registry.npm.taobao.orginstallexpress2.2持久使用.npmconfigsetregistryhttps://registr
圣艾修·2021-05-02 14:31

15. vue.cli【开发标准工具】

vue.cli【开发标准工具】1.工具说明1.cli是vue项目的快速构建工具，类似于gulp2.它的底层是基于webpack2.cli的安装流程1.全局安装yarn【包管理】$cnpmiyarn-g2.全局安装cli3
Austin_yu·2021-05-02 02:36

vue cli3 npm依赖报错，This dependency was not found: * @/views/index in ./src/router/route.js

今天遇见一个很奇怪的bug，项目突然跑不起来了，看报错信息明显是依赖问题，npm对于代码里的依赖找不到了，所以编译代码的时候报错了，可是我明明啥也没改。找到最后发现其实是vscode和git的坑依赖找不到报错了从以下流程开始找bug检查依赖文件检查依赖是否被安装，以及依赖是否可访问（node_modules里的依赖被误删，缺少文件访问权限，第三方包升级了导致包文件结构改变找不到原来的文件等），对于
用IE的都是狗·2021-04-09 11:56

vue cli3 使用less变量（Variable xxx is undefined）

vuecli3初始化构建项目时，自定义选择使用less作为css预处理器之后，就会默认安装less、less-loader，并且直接可以在组件中正常使用嵌套结构书写css了。但是，当我们需要使用less变量时，比如下面的情况1.我新建了一个common.less文件，并在main.js中引入它：2.common.less中任意定义一个变量，比如：3.将组件中任意颜色值，修改为@pink（对应左侧绿
·2021-03-29 18:01

vue cli3初始化构建项目

一、全局安装@vue/linpminstall-g@vue/cli或者yarnglobaladd@vue/cli二、安装最新版本的node移步http://nodejs.cn/download/，根据需要下载对应版本三、初始化在你期望的文件夹下，执行：vuecreateprojectName（名字自己取）然后出现上图所示内容（方框里提示我cli版本升级，暂时忽略）往下看，需要我们自己选择一种预设，
·2021-03-26 19:29

vue cli3初始化构建项目

一、全局安装@vue/linpminstall-g@vue/cli或者yarnglobaladd@vue/cli二、安装最新版本的node移步http://nodejs.cn/download/，根据需要下载对应版本三、初始化在你期望的文件夹下，执行：vuecreateprojectName（名字自己取）然后出现上图所示内容（方框里提示我cli版本升级，暂时忽略）往下看，需要我们自己选择一种预设，
·2021-03-25 16:40

vue cli3 实现分环境打包的步骤

用cli3搭建的vue项目号称零配置文件，为了方便打包（不用手动来回改不同环境进行打包）那么我们在需要打包的时候分不同环境打包怎么办呢1.在根目录下创建三个配置文件，如下图这里我创建了三个，这三个分别是我的本地
·2021-03-12 21:56

vue-cli3 搭建项目流程

2、安装脚手架：//这里是脚手架3npminstall-g@vue/cli3、创建项目：vuecreate项目名然后出现下面的选项，现在是选择vue2和vue3；这里我选的是vue2,主要考虑是vue2
三个木马人·2021-03-10 11:29

vue cli3 实现分环境打包

用cli3搭建的vue项目号称零配置文件，为了方便打包（不用手动来回改不同环境进行打包）那么我们在需要打包的时候分不同环境打包怎么办呢1.在根目录下创建三个配置文件，如下图这里我创建了三个，这三个分别是我的本地
水帅杰·2021-03-10 10:45

vue cli3 引入 Echarts

1.全局安装Echartsnpminstallecharts-S2.在main.js钟全局引入Echarts//引入echartsimportechartsfrom'echarts'//更改原型Echarts名称Vue.prototype.$echarts=echarts3.在项目中使用exportdefault{name:'echartsDemo',data(){return{}},mounte
M father·2021-03-04 11:32

vue cli3中按需导入elementUI 配置

目前element官网介绍的按需导入方式，是使用vuecli2的，现在更新到3.0所需的配置稍有不同。具体如下：element官网介绍地址：https://element.eleme.cn/#/zh-CN/component/quickstart官网截图一、在3.0项目中没有.babelrc文件，无需新建.babelrc文件，直接可以在babel.config.js中配置即可，如下：module.
黎明的叶子·2021-02-25 12:51

基于@vue/cli3开发webpack Loader

基于webpack的loader开发方法，请参考https://segmentfault.com/a/1190000012718374初始化loader项目使用npminit初始化test-loader项目开发loader在test-loader文件夹中新增index.js文件，内容如下：module.exports=function(source){//此处添加loader定义内容。相关API参
天然卷魂淡·2021-02-20 17:23

解决Vue CLI3 项目部署到非根目录下刷新空白问题

太久没来了，今天趁着假期把我那乱乱的笔记本重新整理整理~如果你的前端项目使用Vue+VueCLI开发,部署到服务器上你一定会遇到以下几个场景：一、场景本地正常的vue项目打包成dist文件，部署到测试环境服务器上，页面空白，无报错也无请求；部署到服务器上第一页有页面，刷新后页面空白或404；引入css的type被拦截装换为“text/plain”；二、原因：打包到服务器后，资源找不到路径，后台没有
前端葱叶·2021-02-02 22:46

Vue CLI3配置详解-----脚手架的认识以及项目初始化、项目目录结构

使用VueCLI3创建项目：脚手架(scaffold)指施工现场为工人操作并解决垂直和水平运输而搭设的各种支架。建筑界的通用术语。写在前面：-如果你只是简单的写几个Vue的**Demo**程序，那你不需要VueCLI。-如果你**开发大型项目**，那你需要，而且**必须**使用VueCLI。-开发大型项目时，必须考虑代码目录结构、项目机构和部署、热加载、代码单元测试等事情。-如果每个项目都要手动完
Ajiia·2021-02-02 19:29

Vue-cli3项目处理包括（i18n/font-spider/xss/wangeditor）

项目开发阶段构建太慢超过300秒，按需加载所有组件也需50秒，转为vue-cli3.0配置少量webpack即可达到10秒的构建速度效果,热重载2秒，可以接受vue-cli2>>>>vue-cli3项目处理src直接移植到cli3
·2021-01-24 00:21

Vue CLI3搭建组件库并用npm发布实战操作

VueCLI3搭建组件库并用npm发布实战操作在公司项目逐渐多起来的情况下，公共组件也多起来。不想每一次修改一下公共组件，都要去每个项目中修改。这时候你就该学会用VueCLI3搭建组件库并用npm发布了，本文以基于element组件中Select选择器和Tree树形控件扩展出来的树结构数据下拉选择器的组件为例子讲解。一、安装VueCLI3首先你要卸载VueCLI2,用命令npmuninstallv
shidouyu·2020-12-24 17:26

Vue cli3 中引入 bootstrap

在vue项目中引入bootstrap，首先要引入两个依赖：jQuery和popper第一步、安装1、npm安装安装命令如下：cnpminstallbootstrap--save-devcnpminstalljquery--save-devcnpminstallpopper.js--save-dev默认安装最新版本，如果想要安装bootstrap的V3版本（依赖less），可以：cnpminstal
webxEJIr·2020-12-16 18:03

Vue cli3 中引入 bootstrap

在vue项目中引入bootstrap，首先要引入两个依赖：jQuery和popper第一步、安装1、npm安装安装命令如下：cnpminstallbootstrap--save-devcnpminstalljquery--save-devcnpminstallpopper.js--save-dev默认安装最新版本，如果想要安装bootstrap的V3版本（依赖less），可以：cnpminstal
webxEJIr·2020-12-10 21:06

Vue-cli 3.5.1 + Webstorm 使用手机访问演示页面

后手机不能通过网络访问演示页面，原因是webstorm默认使用计算机本地连接的IP地址作为网络访问地址,修改IP地址为要使用的无线网络地址就可以解决问题.在之前的版本中可以修改config目录内index.js文件解决.cli3
Han09·2020-11-20 16:13

Vue CLI2与Vue CLI3的使用，以及runtime compiler和runtime only的区别

一.什么是VueCLI当在开发大型项目时，必然需要使用VueCLI，俗称脚手架我们使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置二.VueCLI的使用安装Vue脚手架,在终端输入指令npminstall-g@vue/cli，此时安装的是VueCLI3版本如果我们希望在脚手架3的基础上仍然可以使用脚手架2，则需要在终端接着输入npminstall@vue/cli-init-
元气满满鸭·2020-10-21 20:44

Vue CLI3 - 项目中报错Error: Avoided redundant navigation to current location: “/xxx”的解决方案。

如果你也遇到这种状况，NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation:"/shopcart".报错显示路由频繁点击导致路由重复而报错，该报错对路由跳转功能没有任何影响。解决方法如下：首先,查看当前的项目的package.json文件，安装的路由是否大于3.0版本，如果是，欢迎使用如下解决方案。router文件夹下in
似朝朝我心·2020-10-19 22:20
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他