@vue-cli3

Vue Vue-CLI3使用CDN

1、html中引入文件html中添加script标签如下：css文件直接用link标签引入2、在webpack中配置使用CDN在vue.config.js中配置如下：module.exports={configureWebpack:{externals:{'echarts':'echarts'//配置使用CDN}}}externals中的key是用于import，value表示的在全局中访问到该对
落花雨时·2020-08-12 17:45

2020 vue-cli3 控制台一直打印 /sockjs-node/info?t=xxxxx 解决方案

文章目录1、背景：2、解决办法3、结束语点击进入Vue❤学习专栏~1、背景：2、解决办法以下是最有可能情况：如果是在开发环境，应该是开发的时候网络环境变更导致，比如你切换无线网络，导致开发服务器的IP地址换了，这样开发服务器会不知道如何确定访问源。开发环境中关闭npmdevserver，然后重新npmrunserve重新构建服务环境就可以了。如果是生产环境，很大可能是应该是域名和ip映射出问题，重
一百个Chocolate·2020-08-12 13:30

vue-cli3 报Computed property “xxx” was assigned to but it has no setter.

这种问题一般是area这个计算属性没有设置set方法导致该报错，因为在methods方法里面有对area赋值的操作。只要添加一个set方法就可以解决此报错。v-model会视图直接修改vuex中的state中的searchWebName，在严格模式下，由于这个修改不是在mutation函数中执行的，所以这里就会抛出一个错误.方法一：监听值变化，调用mutations中方法修改数据import{ma
骑着代码去流浪·2020-08-12 13:39

【error】vue-cli3 报Computed property “tableData” was assigned to but it has no setter.

对于vuex，使用getter获取state数据，并绑定到组件上，是很常规的操作但是在严格模式下，在属于vuex的state上使用v-model这种需要双向绑定的数据类型，单单使用getter就会报错：Computedproperty“searchWebName”wasassignedtobutithasnosetter.错误代码如下：import{mapGetters,mapActions}fr
mao_mao37·2020-08-12 11:21

求教：vue-cli3创建项目后总是报错版本冲突问题，解决后并不知道为什么这么做就可以成功创建，想知道原理。

抽空记录一下负责移动项目后的第一个技术问题吧；因为需要使用cli3.0版本进行项目搭建，所以我卸载电脑里之前安装的vue-cli2.0版本后安装了vue-cli3，准备创建第一个项目试试效果，结果vue-cli3
张刻骨·2020-08-12 00:21

Vue-cli3配合Mint UI移动端开发rem的计算问题

在使用Vue-cli3开发移动端的时候需要注意移动端适配的问题我是使用rem来做的，所以需要使用postcss-px2rem进行统一转换首先需要安装一下postcss-px2rem：npminstallpostcss-px2rem
youyou_builder·2020-08-12 00:22

vue-cli3配置rem

1.安装cnpmipostcss-pxtorem--save2.项目根目录下新建postcss.config.js文件postcss.config.js内容：module.exports={plugins:{autoprefixer:{browsers:['Android>=4.0','iOS>=7'],},'postcss-pxtorem':{rootValue:16,propList:['*'
xuanwuziyou·2020-08-12 00:51

踩坑日常

vue-cli3以后，关于webpack打包等的相关配置最近刚入职一家新的公司，接手了一个新的项目！做一个人脸系统相关的后台管理系统！
日常前端成长记·2020-08-12 00:55

vueCli3以及vueCli4创建vue项目

版本需要8.9以上3.安装vue/cli3//npmnpminstall-g@vue/cli//yarnyarnglobaladd@vue/cli4.查看版本vue--version5.创建项目（这里的vue-cli3
头发超多的程序媛·2020-08-12 00:40

vue-cli3构建的项目中配置别名

最近在使用vue-cli3构建一套有关Vue的前端解决化方案时，对于引入组件或相关路径的操作必须找出它的相关路径很是不方便，想在webpack配置文件中为项目配置别名。
weixin_44592912·2020-08-12 00:35

vue.config.js 配置

vue-config-js配置参考vue-cli3脚手架搭建完成后，项目目录中没有vue.config.js文件，需要手动创建创建vue.config.jsvue.config.js是一个可选的配置文件
WjiaoJ·2020-08-12 00:57

vue系列：vue-cli2、vue-cli3搭建vue项目

今天先来介绍第一种用脚手架搭建一个vue项目vue-cli2文档vue-cli3文档二、安装1.确保你已经安装了node，接下来先全局安装vue-clivue-cli2：np
Lvan-Zhang·2020-08-12 00:53

vue-cli3+vant+vantRem完成移动端适配的问题

本文从如下链接转载：https://blog.csdn.net/qq_37942845/article/details/904447841、安装vue-cli3脚手架，不懂的去vue-cli官网npminstall-g
weixin_43831302·2020-08-12 00:17

vue+px2rem+mintUI实现H5端自适应(rem适配)

配置前言项目构建：基于vue-cli3构建（构建时注意让各插件可以有自己的json配置文件），使用mintUI进行组件开发，使用px2rem-loader和postcss-px2rem-exclude进行
楚猴修·2020-08-12 00:11

vue-cli3多环境多入口，分别打包

一、安装1.VueCLI3需要nodeJs≥8.9，查看node版本升级，升级一下2.查看版本vue-V，安装vue-cli3，npminstall-g@vue/cli二、使用1.vuecreateprojectname
人间妄想_·2020-08-12 00:10

vue-cli3中关于prefetch、preload和路由懒加载的研究

//官方提供的路由懒加载的写法{path:'/about',name:'about',//routelevelcode-splitting//thisgeneratesaseparatechunk(about.[hash].js)forthisroute//whichislazy-loadedwhentherouteisvisited.component:()=>import(/*webpackC
xszivvvv·2020-08-12 00:26

Vue-cli 将px转化为rem，适配移动端（vue-cli2.x 和 vue-cli3中的使用）

一.Vue-cli2.x中的用法1.下载lib-flexible我使用的是vue-cli+webpack，所以是通过npm来安装的npmilib-flexible--save2.引入lib-flexible在main.js中引入lib-flexibleimport'lib-flexible/flexible'3.设置meta标签通过meta标签，设置设备宽度以及缩放比例4.安装px2rem-loa
老夫风清扬·2020-08-12 00:17

vue-cli3 中postcss-px2rem影响ui组件样式的解决方案

问题：引入postcss-px2rem依赖后，vant组件库的样式变的很小原因：依赖会把组件中px自动转换为rem，而实际组件自身已经做过适配，画蛇添足了解决：把postcss-px2rem依赖卸掉，安装依赖postcss-px2rem-exclude，并修改配置文件package.json"postcss":{"plugins":{"autoprefixer":{},"postcss-px2re
阿昆墨墨·2020-08-12 00:36

使用vue-cli3构建的vue单页面项目seo

1.插件prerender-spa-plugin，vue-meta-info2.prerender-spa-plugin插件进行页面的预渲染，vue-meta-info添加页面title,keywords3.安装插件npminstallprerender-spa-plugin--savenpminstallvue-meta-info--save复制代码4.vue.config.js配置constp
weixin_34245082·2020-08-11 23:20

vue-admin自定义后台管理系统(二)之vue-cli3创建前端项目

vue-admin自定义后台管理系统(二)之vue-cli3创建前端项目安装vue-cli3vue-cli官方文档使用vue-cli3创建vue-admin项目安装完vue-cli3后请使用'vue--
weixin_34168700·2020-08-11 23:43

vue-cli2 和vue-cli3

vue-cli2和vue-cli3https://www.cnblogs.com/zhanvo/p/10963776.htmlDocument平均年龄:{{average}}姓名年龄varapp=newVue({el:'#app',data(){return{users:[{name:'robin',age:18},{name:'terry',age:30}]}},methods:{add:fun
weixin_34112030·2020-08-11 23:08

Vue-cli3 项目在安卓低版本系统和 IE 上白屏问题解决

最近遇到一个问题，用Vue开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧手机上出现白屏问题。分析一下应该是安卓系统版本的原因，目前已知的是Android6.0以上都OK，6.0以下就不行了。低版本安卓系统内置的webview不支持ES6语法等一些新特性，所以报错。但在手机上调试不方便，受一篇文章的启发，IE浏览器也是同样的问题，所以可以在IE上调试，一个调好了两个就都好了。突然发现万恶
weixin_34015566·2020-08-11 23:31

vue-cli3 搭建的前端项目基础模板

基于vue-cli3搭建的前端模板，clone本仓库，即可搭建完成一个新项目的基础模板，源码地址，欢迎star或fork特性CSS预编译语言：lessAjax:axios，做了一定的封装，详见src/services
weixin_33860147·2020-08-11 23:49

vue-cli3 多页面多入口，分别打包

一、安装vuecreatevuepagemore创建一个项目1.VueCLI3需要nodeJs≥8.9，查看node版本升级，升级一下2.查看版本vue-V，安装vue-cli3，npminstall-g
weixin_33802505·2020-08-11 23:13

vue-cli3 ios10白屏问题解决思路

在出现了这个问题之后先不要盲目的去瞎试，根据网上的方法试了个遍也没解决问题先看报的是什么错，再针对的解决问题首先出现的报错是SyntaxError:Unexpectedtoken'*'在打包后的dist文件里搜了下连乘**果然有，说明没有转编译成功这个错误的出现是由于ios10是不支持连乘引起的，如果发现自己的代码里有这个的使用，那最好换下，或者转编译这次遇到的是自己代码里没写，找了半天原来是sw
weixin_30952535·2020-08-11 23:00

vue-cli3用vant框架rem适配方案

1.在node安装插件npminstalllib-flexiblepostcss-pxtorem--save2.在main.js文件中引入import‘lib-flexible/flexible.js’,//main.jsimport'lib-flexible/flexible.js'3.在package.json文件中引入;或者在vue.config.js中配置;//package.json"p
buling girl·2020-08-11 23:13

vue-cli2、vue-cli3的postcss-pxtorem插件 px转换rem

可查看文档：https://github.com/cuth/postcss-pxtorem在vue-cli2中的设置：在.postcssrc.js文件中设置：module.exports={"plugins":{"postcss-pxtorem":{rootValue:75,unitPrecision:5,//最小精度，小数点位数propList:['*','!font*'],//!不匹配属性（这
你是谁-·2020-08-11 23:40

Vue-cli3 移动端适配，px转换为rem

0：rem单位rem是同px,em等一样是一个单位。em是相对于父元素的font-size，而rem则是相对于html的font-size。这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。1rem=16px(浏览器html的像素，可以设定这个基准值）。如果元素大小为100px那么设置为rem即为6.25rem。1：安装插件插件1：lib-flexiblenpmilib-f
飞鸿w·2020-08-11 22:35

使用 vue-cli 创建模板项目

说明1）vue-cli是vue官方提供的脚手架工具2）github:https://github.com/vuejs/vue-cli3）作用:从https://github.com/vuejs-templates
Meter_Bulacn·2020-08-11 22:35

vue-cli3项目搭建

在vue-cli3中，VueCLI的包名称由vue-cli改成了@vue/cli。
即墨258·2020-08-11 22:02

Vue-cli3项目案例

新建项目的过程不多说了，参考：https://blog.csdn.net/qq_40323256/article/details/100999860例1:极简的一个例子运行结果：结构目录：A.vue这是A页面返回B.vue这是B页面返回Home.vue转向A页面转向B页面router.jsimportVuefrom'vue'importRouterfrom'vue-router'importHom
~李疆·2020-08-11 22:22

基于vue-cli3搭建一个后台管理系统框架

一、安装【1.1】安装Node3.x需要node.js版本为8.9版或者更高的版本，点击这里可以安装node安装过node后，输入下面命令行查询你的node版本：node-v如果当前版本不够，可以输入下面命令行来把node版本更新到最新的稳定版本先清除npm缓存：npmcacheclean-f然后安装n模块：npminstall-gn升级node.js到最新稳定版：nstable如果是mac在命令
@Demi·2020-08-11 22:58

自定义vue-cli3项目配置

1.修改默认配置vue.config.jsmodule.exports={outputDir:'docs',baseUrl:process.env.NODE_ENV==='production'?'/demo/':'/'}官方文档：具体配置2.去掉console.log提醒package.json"rules":{"no-console":"off"},3.使用rem布局vue.config.js
东都花神·2020-08-11 22:21

Vue-cli3搭建Vue项目

前言：前端技术发展迅速，我们只能不断学习！手动滑稽~nodejs版本建议至少为8.9.0+正文1、安装npminstall-g@vue/cli请记住@vue/cli这个的称呼！2、创建vuecreate*选择第一项为默认，下图为自定义配置信息，点击空格键即可选择/取消生成项目时，有2种选择，第一个：default使用默认模板。第二个：自定义项目所需模板，根据自己的喜好进行模板搭配。选择完成后，等待
happy任·2020-08-11 22:19

记录一个vue-cli3项目的搭建

vue-cli3快速创建项目https://www.jianshu.com/p/5e13bc2eb97c1.安装axios请求处理vue中Axios的封装与API接口的管理详解https://www.jb51
子小95·2020-08-11 22:36

如何创建一个@vue/cli3的项目

创建一个vue-cli3的项目首先查看当前的node版本是否符合要求node-v第二步查看当前的vue版本vue–V如果是3.0以下的版本就先卸载旧版本第三步安装新版本扩展：提供淘宝镜像：npminstallcnpm-g
vivi_qiu·2020-08-11 22:03

使用Vue-cli3搭建vue项目

安装vue-cli因为之前使用的是vue-cli2所以要更新为3VueCLI的包名称由vue-cli改成了@vue/cli卸载vue-cli版本:npmuninstallvue-cli-g安装@vue/cli版本：npminstall-g@vue/cli查询vue-cli版本：vue--version（或者也可以使用GUI界面管理vue项目：vueui）//安装淘宝cnpm:npminstall-
努力努力再努力0918·2020-08-11 22:38

vue-cli3脚手架配置px2rem适配方案

安装npmilib-flexible--savenpminstallpx2rem-loader引入进入main.jsimport'lib-flexible/flexible'进入index.html根目录新建vue.config.js文件复制如下代码，重启，搞定//vue.config.jsmodule.exports={chainWebpack:config=>{config.module.ru
倪晓磊·2020-08-11 22:05

vue-cli3多页应用配置与优化

项目背景公司的活动项目太多，每一个项目都要单独配置部署环境太麻烦，所以创建了一个仓库，src/pages/下面的每一个文件夹都是是一个项目优点是*这样就可以使用一个git仓库，一个jenkins配置，很方便*不需要多次配置域名和nginx服务缺点是*该仓库下的任何一个项目发布，其他的项目如果有变更也会一起发布了。这需要在发布项目前，review代码，减少马虎改写了其他项目的代码，引起不必要的线上b
diaoxu6828·2020-08-11 21:30

vue-cli3配置环境变量

因为一些业务需求，如埋点等需要区分环境，在index.html用到jsp语法，在vue-cli搭建的项目中配置环境变量chainWebpack:config={config.plugin('define').tap(args=>{//一些根据环境变化的腾讯广告或者百度统计埋点参数const{baiduStatisticsSrc,txAdvertiseData}=require('./config/
coderW·2020-08-11 21:06

vue-cli3构建多页面应用

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

vue-cli3项目实战——实现通用管理系统前端模板

效果如下：vue-cli3下载：//普通下载npminstall-g@vue/cli//淘宝镜像下载cnpminstall-g@vue/cli若是安装了vue-cli2，则需先卸载：npmuninstallvue-cli-gcnpm
堃大大的博客·2020-08-11 20:09

vue-cli3 搭建的前端项目基础模板

基于vue-cli3搭建的前端模板，fork或clone本仓库，即可搭建完成一个新项目的基础模板，源码地址，欢迎star或fork特性CSS预编译语言：lessAjax:axios，做了一定的封装，详见
njit_peiyuan·2020-08-11 20:13

Vue-cli 将px转化为rem，适配移动端（vue-cli2.x 和 vue-cli3中的使用）

一.Vue-cli2.x中的用法1.下载lib-flexible我使用的是vue-cli+webpack，所以是通过npm来安装的npmilib-flexible--save2.引入lib-flexible在main.js中引入lib-flexibleimport'lib-flexible/flexible'3.设置meta标签通过meta标签，设置设备宽度以及缩放比例4.安装px2rem-loa
ShiYadong_·2020-08-11 20:58

vue-cli3项目实战——实现通用管理系统模板前端部分

先来展示下效果，如下：项目准备：vue-cli3下载：//普通下载npminstall-g@vue/cli//淘宝镜像下载cnpminstall-g@vue/cli若是安装了vue-cli2，则需先卸载
云小梦·2020-08-11 20:44

vue-cli3 适配移动端rem

使用vue-clinpminstall-g@vue/cli//使用vue-cli3版本自定义功能配置TypeScriptTypeScriptProgressiveWebApp(PWA)SupportRouterVuexCSSPre-processorsLinter
maggie_live·2020-08-11 20:23

怎么使用vue-cli3一步一步生成项目(全网最全的中英文对照)

创建vue项目步骤vuecreate项目名(enter键确认,并进入下一步)出现底下两项default(babel,eslint)(默认初始化一个项目的最小配置,)Manuallyselectfeatures(手动选择项目特性)选择manuallyselect(enter键确认,并进入下一步)Checkthefeaturesneededforyourproject:(Presstoselect,t
itlixiaolong·2020-08-11 20:18

vue-cli3配置文件模板(文件名为vue.config.js)

constwebpack=require('webpack')module.exports={//部署应用包时的基本URLpublicPath:process.env.NODE_ENV==='production'?'./':'./',//当运行vue-cli-servicebuild时生成的生产环境构建文件的目录outputDir:'dist',//放置生成的静态资源(js、css、img、fo
jingtian678·2020-08-11 20:41

vue-cli3构建多页面：提取通用模板和入口文件，自动构建多页配置

一、需要升级vue-cli的，请参照官网https://cli.vuejs.org/zh/guide/installation.html二、创建配置文件vue.config.js1、使用vuecreate创建项目之后，我们看到项目里没有像vue-cli2的配置文件，目录如下：2、在根目录创建vue.config.js文件，相关配置参数可参考：https://cli.vuejs.org/zh/con
猿始森林·2020-08-11 20:34

Vue全家桶精简配置（vue-cli,vuex,axios,vue-router,elementUI）

在上一篇介绍使vue-cli3搭建了项目，并添加了一些基础的配置，现在就来和大家一起将项目需要用到的工具准备好。
bug改不完·2020-08-11 19:53
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他