@vue-cli3

vue-cli3 + cordova搭建app

用vue+cordova做app的思路就是用vue做一个移动端网站，然后用cordova给套上apk的壳。需要解决的问题是，在vue中怎么解决cordova的调用问题。项目目录是这样的：1、新建项目新建testAPP目录1.1、在testAPP下创建cordova项目：cordovacreatecordova-app添加Android平台cdcordova-appcordovaplatformad
喝着绿茶的猫·2020-07-01 03:28

九十、vue-cli3中使用sass全局变量

一、编写全局scss变量/src/common/global.csss$c-bg:#FF3259;$c-text-w:#ffffff;$c-text-E:#ECECEC;$c-content-w:1205PX;$c-content-m:375px;二、vue.config.js引入全局scssvue.config.jsmodule.exports={publicPath:'./',//默认'/'，
荼荼荼蘼·2020-06-30 18:39

解决vue-cli3打包代码后白屏问题

前言：最近使用了vue-cli3.0开发了一个移动网页端项目，准备打包发布了。按照以往的流程npmrunbuild问题来了打开distindex.html文件发现白屏。打开调试后发现文件引用路径不对根据以往的经验根目录下新建vue.config.js配置publicPathmodule.exports={...runtimeCompiler:true,publicPath:'./'...}满心欢喜
郑布斯的个人博客·2020-06-30 15:06

vue axios 给生产环境和发布环境配置不同的接口地址

配置不同的接口地址，（首先确保已经集成了axios，如对集成axios有疑问的道友，可参看我之间的一篇博客vue-cli引入axios）操作如下----------分割线----------vue-cli3
zeroyulong·2020-06-30 13:27

vue新vue-cli3环境配置和模拟json数据

最近在研究学习vue，发现环境配置特麻烦，就是跟着文档步骤一步一步来，也会遇到各种想不到的坑，vue-cli3的配置比老的简洁了很多，与以往的配置也有所不同:安装步骤以前是npminstallvue-cli-g
前端岚枫·2020-06-30 07:14

vue-cli3 + ts 全局常量globalData

1.在src新建一个ts文件如：src/globalData/globalData.ts.2.在ts中写下如下代码。exportdefault{install(Vue:any,options:any){Vue.prototype.$globalData.defaultImage="/images/head.png";Vue.prototype.$globalData.defaultText="测试
不脱单，不改名·2020-06-30 05:04

vue-cli3 编译打包文件图片的压缩优化

安装相关依赖包：npminstall--save-devimage-webpack-loadernpminstall--save-devcompression-webpack-plugin然后，在vue.config.js里进行配置（这里附带了上篇文章中ie11兼容es6的处理方法）：constCompressionPlugin=require("compression-webpack-plugi
dev_codes·2020-06-29 15:15

vue实现页面切换滑动效果

组件，具体可见文档直接看实现过程先在本机安装vue-clinpminstall-g@vue/cli初始化一个项目vuecreatehello-world创建完毕后安装vue-router和vuex，现在vue-cli3
·2020-06-29 15:42

vue cli3 兼容ie8以上浏览器

1当我们使用vue-cli3搭建的脚手架开发项目时，一般浏览器都可以支持，唯独ie浏览器，运行时页面一片空白首先，下载babel-polyfill模块npminstallbabel-polyfill-s2
萝卜砸大坑·2020-06-29 15:06

vue-cli3搭建完整项目之webpack配置

vue-cli3搭建完整项目之webpack配置由于vue-cli3将webpack的基础配置全部内嵌了，这就导致我们初始化项目完成之后发现原先的webpack的config配置全部都消失不见了，那该怎么办呢
哦哦哦奥斯丁·2020-06-29 13:20

用vue-cli3脚手架搭建vue项目

vue项目初始化拉取3.0模板npmoutdated-g//检测是否有新版本（全局）npmupdate-g//更新全局的包npminstall-g@vue/cli//更新脚手架如果不成功，就安装制定版本npminstall-g@vue/[email protected]://blog.csdn.net/qq_36407748/article/details/80739787vue-cli3.0配置详细介
Linda_yin·2020-06-29 13:00

vue-cli2 与 vue-cli3

Vue格子衫很配哦安装node环境，http://nodejs.cn/download/vue-cli2npminstall-gvue-clivue-Vvueinitwebpackmy-project//文件名不能大写Projectname:项目名称，如果不需要就直接回车。注：此处项目名不能使用大写。Projectdescription:项目描述，直接回车Author：作者vuebuild构建方式
Posden·2020-06-29 13:44

Vue-cli3以上框架解决跨域问题

Vue-cli3以上框架解决跨域问题vue-cli3以上是没有专门是config文件夹处理配置问题，所以需要自己手动在项目的根目录下创建一个vue.config.js文件。
羅Lyin·2020-06-29 12:05

vue-cli2和vue-cli3 取消eslint 校验代码

项目中遇到的eslint校验报错问题，查阅资料后，记录一下v-cli21.创建工程的时候，提示是否启用eslint检测的。UseESLinttolintyourcode?No2.在webpack.base.conf.js里面删掉下面:{test:/\.(js|vue)$/,loader:'eslint-loader',enforce:'pre',include:[resolve('src'),re
小小文呀·2020-06-29 11:41

vue-cli3 打包设置

手动创建vue.config.js文件constpath=require('path')module.exports={//基本路径整个文件夹在哪baseUrl:'./',//输出文件目录文件夹名outputDir:'dists',//放置生成的静态资源(js、css、img、fonts)的(相对于outputDir的)目录。资源放的目录assetsDir:"./mobile_static",//
岁末Zzz·2020-06-29 11:36

element-ui icon 图标无法正常显示问题

element-uiicon图标无法正常显示使用vue-cli3脚手架搭建的项目，在打包文件上服务器的时候，其他的css，js样式都能正确加载出路径，但是element的icon图标却不能正常加载出来。
花世界hua·2020-06-29 10:05

有关vue引入ueditor遇到的问题

做个记录引入：之前项目用的vue-cli3脚本架创建的项目，然后引入ueditor的时候很多资源找不到路径，好多地方报错，后来重新用webpack重构了项目，ueditor的显示问题就自动解决了。
我爱吃西瓜喵·2020-06-29 09:53

vue-cli3的eslint配置问题（五花八门的问题在此终结！！！）

首先把需要用到的官方文档链接放在此：eslint核心参数配置中文版：http://eslint.cn/docs/user-guide/command-line-interface最核心的eslint规则配置（js的语法规则）：http://eslint.cn/docs/rules/prettier的配置官方文档英文版：https://prettier.io/docs/en/options.html
比特币爱好者007·2020-06-29 08:20

vue-cli3项目中引用ts

摘要：原有的项目是通过vue-cli3创建的vue项目，引入ts进行开发，不影响之前的页面。
weixin_42595598·2020-06-29 05:46

vue-cli3的项目 CDN链接报错解决 Uncaught TypeError: Cannot read property 'prototype' of undefined at Object.

UncaughtReferenceError:iviewisnotdefined出现这个问题的原因是路径的问题确保你的路径是正确的，或者是既全局引入了iview，又按需引入，会造成这样的报错UncaughtTypeError:Cannotreadproperty‘prototype’ofundefinedatObject.(iview.min.js:1)CDN只引入了iview，没引入vue出现了
土灰级攻城狮·2020-06-29 05:34

vue-cli2与vue-cli3在一台电脑共存

1、新建两个文件夹，分别用于存放vue-cli2和vue-cli32、进入vue2文件夹下载安装vue-cli2.0vue-cli2.0版本下载命令为npminstallvue-cli或者npminstallvue-cli@版本号，这里我指定了版本号，还有这里不要加-g,否则就会安装到全局位置检验下载完毕，会生成一个node_modules文件夹，进入该文件夹下的.bin文件夹–F:\Vue\vu
_月半小夜曲·2020-06-29 04:54

vue-cli3搭建的vue改造成SSR项目

vue-cli3搭建的vue改造成SSR项目一、文章简介二、搭建vue项目三、改造成SSR首先安装ssr的所需相关依赖改造router.ts改造store.ts改造main.ts创建entry-client.ts
sam-·2020-06-29 00:18

「Vue实践」项目升级vue-cli3的正确姿势

一.原以为升级vue-cli3的路线是这样的：创建vue-cli3项目，按原有项目的配置选好各项配置迁移目录src->srcstatic->public对比新旧package.json，然后yarninstall
前端劝退师·2020-06-29 00:16

vue-cli3 npm run build 打包后静态资源的配置 vue.config.js的配置

vue.config.js配置如下：constpath=require('path');constvConsolePlugin=require('vconsole-webpack-plugin');//引入移动端模拟开发者工具插件（另：https://github.com/liriliri/eruda）constCompressionPlugin=require('compression-webp
weixin_39845185·2020-06-28 22:59

vue-cli3 取消eslint 校验代码

选择生成的时候，有一个询问是否把插件配置文件写在package.json文件里，这里我选择了是打开package时就有如下一段代码"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","@vue/prettier"],"rules":{},"parserOptions":{"parser"
傻喵·2020-06-28 22:45

从零开始写博客

基于vue-cli3从零开始开发个人博客创建github仓库点击github主面板new按钮仓库预设给仓库加点料创建本地仓库创建忽略文件.gitignore以上都是废话，现在开始构建vue-cli3的项目
weixin_38171030·2020-06-28 20:43

关于vue-cli的版本问题

而在vue-cli3中是没有这两个文件加的，因为vue-cli3直接集成了webpack。安装vue-cli3的方法是：npminstall@vue/cli-g。
柳宁依·2020-06-28 19:50

vue-cli3开发Chrome插件实践

后来发现了vue-cli-plugin-chrome-ext插件，通过这个插件能很方便地用vue-cli3来开发谷歌插件，并能直接引用各种UI
weixin_34404393·2020-06-28 18:50

如何处理vue-cli3+ts+element-ui 调用$message/$alert时的编译报错

使用vue-cli3新建的ts项目，按照element-ui的文档载入了element-ui，能够正常使用但是，今天在调用$message方法时，出现了以下错误ERRORinE:/seat-admin/
weixin_34403693·2020-06-28 18:13

封装Vue组件的一些技巧

开发环境vue-cli3提供了非常方便的功能，
weixin_34354945·2020-06-28 17:53

vue首屏加载优化总结及整理

写在前面，这里以vue框架为例，基于vue-cli3的开发方式首先，使用webpack分析工具，查看当前项目的依赖，分析依赖及打包情况，对症下药安装插件npmiwebpack-bund
CurryChou777·2020-06-28 16:41

使用vue-cli3 创建vue项目，并配置VS Code 自动代码格式化 vue语法高亮

首先确保安装了VSCode使用到的插件：Vetur提供.vue的语法高亮支持，一个由Vue.js团队的核心成员PineWu设计的插件。ESLintPrettier使用vue-cli生成一个项目安装CLI要使用CLI，您需要安装Node.js版本8或更高版本（建议使用8.10.0+）。在终端中运行以下命令:npmi-g@vue/cli复制代码创建vue项目在终端中运行以下命令:vuecreatexx
weixin_34187862·2020-06-28 13:13

vue-cli3打包后分离配置文件

vue-cli3下将请求地址的配置文件分离出来以便于打包后可动态修改请求地址;基本思路：1.在public文件下新建serverConfig.json`{"production":"https://www.easy-mock.com
weixin_33955681·2020-06-28 08:59

使用vue-cli3多页面开发apicloud应用

apicloud的开发方式太古老了，官方出的那个cli也不咋地，分享一下基于vue-cli3开发apicloud的方式。
weixin_33885676·2020-06-28 07:09

从0到1使用VUE-CLI3开发实战（三）: ES6/ES7知识储备

今天群里有小伙伴跟我聊天，问了我几个关于ES6的问题，我才意识到，大部分初学者在学习的过程中，都是学了HTML/CSS/JS之后就开始上手学习框架了，而对于ES6的重视程度却不是那么足，或是仅仅了解部分ES6的用法。由于本项目将会用到大部分ES6的新特性，为避免将来有小伙伴看不懂还得去查，今天这篇就单独为我们之后的开发做一下ES6的知识储备。用let/const来代替var因为JavaScript
weixin_33709609·2020-06-28 03:33

vue-router History 本地开发环境和nginx配置

vue-routermode=history本地开发环境配置解决方法1.修改webpack的的devServer配置项（devServe存在于，rvue-cli2在webapck.config.js，vue-cli3
weixin_30737363·2020-06-28 00:52

vue-cli3 关闭eslint

关闭eslint直接注释掉package.json文件中eslint的配置就可以了（以下是vue-cli的默认配置）"eslintConfig":{"root":true,////此项是用来告诉eslint找当前配置文件不能往父级查找"env":{"node":true//此项指定环境的全局变量，下面的配置指定为node环境},"extends":[//此项是用来配置vue.js风格，就是说写代码
weixin_30666753·2020-06-27 23:45

安装vue-cli3

一、安装@vue/clivue-cli2.x.x版本安装npminstall-gvue-cli#ORyarnglobaladdvue-clivue-cli2.x.x版本卸载npmuninstall-gvue-cli#ORyarnglobalremovevue-cli更新到3.x之后，vue-cli的包名从vue-cli改成了@vue/clivue-cli3.x.x版本安装npminstall-g@
weixin_30483013·2020-06-27 20:36

vue-cli3构建多页面应用

创建一个项目hello-worldvuecreatehello-worldcdhello-worldnpmrunserve在src目录下新建pages目录，在pages下新建页面App.vue和main.js无用，可以删除，文件名对应着页面名index.jsimportVuefrom'vue'importAppfrom'./index.vue'Vue.config.productionTip=fa
weixin_30292843·2020-06-27 15:49

vue-cli3项目中解决动态引入图片img404的问题

博主最近手头再做一个项目，需要调用天气接口，并且还要动态显示天气相关图片icon。本来以为没什么大问题，结果硬生生被这个动态图片路径搞得民不聊生（博主还是tooyoung，toosimple~），给出效果图：就是那个红框选中的那个天气状况图标icon要根据当前城市获取当前城市天气状态码，再根据当前城市状态码找到这个对应的天气图标icon~~按照一般的开发模式，静态图片路径是相对路径还是绝对路径都可
weixin_30244889·2020-06-27 15:05

基于Vue实现微前端

直到遇到了vue-cli3，子模块打包的问题得以迎刃而解。2019年秋，团队内部初步实现前端分布式开发，解决了集中式开发部署的“老大难”问题
软件开发随心记·2020-06-27 11:36

vue-cli3引入jquery的不同

npminstalljquery--savevue-cli3配置；在vue.config.js中module.exports={//基本路径baseUrl:'./',configureWebpack:{plugins:[newwebpack.ProvidePlugin({$:"jquery",jQuery:"jquery","windows.jQuery":"jquery"})]},lintOnS
久如云漂泊·2020-06-27 02:44

一篇文章快速搞懂VUE

npminstall-gcnpm--registry=https://registry.npm.taobao.orgcnpm-v安装成功后就可以通过可以使用我们定制的cnpm(gzip压缩支持)命令行工具代替默认的npm3、安装vue-cli3
后名字·2020-06-27 02:07

vue-cli3，安装了tslint代码检测工具，绝望到想删除，在绝望到删都删不掉，难受～～～

先上主菜如下：//vue.config.jsmodule.exports={//不解释，请自行查阅文档//https://cli.vuejs.org/zh/config/#configurewebpackconfigureWebpack:config=>{config.plugins.forEach((item,i)=>{if(item.tsconfig){config.plugins.splic
u011010407·2020-06-27 00:23

vue或react项目生产环境去掉console.log

事实上webpack提供了删除console的插件，在vue-cli3里面是这样用的：首先安装terser-webpack-pluginnpminstallterser-webpack-plugin-D
明月松江·2020-06-26 21:30

vue-cli3基本项目框架搭建

目录首先安装vue-cli3环境创建vue-cli3基本项目结构vue-cli3中基本的文件结构配置项的修改vue-cli3出来也有一段时间了，但是很多老项目还是用的vue-cli2的结构，最近想折腾一下自己搭一个
EclosionY·2020-06-26 20:20

vue散记：vue-cli3中public目录和assets目录的区别

vue散记：vue-cli3中public目录和assets目录的区别前言vue-cli3工程中public和assets的区别1.vuebuild打包2.assets和public的区别2.1public
天际流痕·2020-06-26 19:31

vue散记：vue-cli3工程中的目录结构

vue散记：vue-cli3工程中的目录结构前言vue-cli3中的目录结构前言  之前使用过别人写的vue+element项目，在别人搭建好的框架下修修改改、缝缝补补，感觉还行，整体流程还能走的通，但是不能总是用别人搭建好的框架啊
天际流痕·2020-06-26 19:31

vue-cli2与vue-cli3在一台电脑共存

1、新建两个文件夹，分别用于存放vue-cli2和vue-cli31.png2、进入vue2文件夹下载安装vue-cli2.02.pngvue-cli2.0版本下载命令为npminstallvue-cli或者npminstallvue-cli@版本号，这里我指定了版本号，还有这里不要加-g,否则就会安装到全局位置检验下载完毕，会生成一个node_modules文件夹，进入该文件夹下的.bin文件夹
泪滴在琴上·2020-06-26 10:23

vue-cli3 取消关闭eslint 校验代码

用了vue-cli3，这个eslint在疯狂的提示我，严重阻碍了我的日常工作（写bug）选择生成的时候，有一个询问是否把插件配置文件写在package.json文件里，这里我手贱选择了是，现在开始排坑，
愚蠢地人类·2020-06-26 08:51
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他