vue-cli

vue_js 进阶（vue-cli vue-route 配置流程）

视频出处视频作者是主后端的，主要学会使用vue框架进行开发，学完以后才知道，有点尴尬，建议换个老师建议视频前辈建议视频，我觉得太长了，就没看，等以后遇到问题再看吧vue_js基础博客前部分基础差的不多我就没看从组件开始看的随看随记then后的function在不需要this的情况下可以用箭头函数代替.then(response=>())箭头函数语法变量和函数提升var和let的不同计算属性comp
paleatta·2020-08-12 11:51

Vue2.0 框架配置：vue-cli + vue-router + vuex

写于2017-2-7(注：现在使用最新版的vue-cli已经可以统一配置一切，简单方便，本篇文章已过时2018-3-15)Vue中文站：cn.vuejs.orgvue-router官方教程：router.vuejs.org
前端_Logic·2020-08-12 11:32

这是对于Vue是一套渐进式框架的理解

渐进式代表的含义是：没有多做职责之外的事，vue.js只提供了vue-cli生态中最核心的组件系统和双向数据绑定，就好像vuex、vue-router都属于围绕vue.js开发的库。
萌叽·2020-08-12 11:36

vue，vue生命周期，vue-cli

vue-clinpminstallvue-cli-gvueinitwebpackmy-projectnpminstall生成package.jsonnpmrundev本地运行或npmrunbuild上线(生成dist文件夹)vue生命周期beforeCreate=>el与data并未初始化=>可以在这加loading事件。created=>完成了data数据的初始化。=>做一些初始化，实现函数自执
jeft_hai·2020-08-12 11:24

vue-cli搭建的vue项目中按需引入Element UI，并自定义主题

为了减少vue项目打包文件大小，我们对ElementUI按照官网的文档进行按需加载。一、按需加载1.按照依赖npminstallbabel-plugin-component-D2.修改.babelrc文件注意：官方文档让我们直接修改.babelrc；但是有可能会出错，因为那样会把脚手架默认的配置给覆盖掉了，应该将文档中的配置添加到.babelrc中，如下：代码：{"presets":[["env"
halo1416·2020-08-12 11:11

Vue-cli实现打印页面内容功能

Vue-cli实现打印页面内容功能导出exportfunctionprint(content,w=null,h=null){constdualScreenLeft=window.screenLeft!
Miss_Mr_Rui·2020-08-12 10:32

vue-cli如何新增自定义指令？

答:1.创建局部指令varapp=newVue({el:'#app',data:{},//创建指令(可以多个)directives:{//指令名称dir1:{inserted(el){//指令中第一个参数是当前使用指令的DOMconsole.log(el);console.log(arguments);//对DOM进行操作el.style.width='200px';el.style.height
LuckXinXin·2020-08-12 10:03

Vue安装及Vue-cli脚手架安装及使用

Vue.js是什么?Vue.js是一套构建用户界面的渐进式框架。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件Vue只关注视图层，采用自底向上增量开发的设计。Vue.js安装独立版本我们可以在Vue.js的官网上直接下载vue.min.js并用标签引入。使用CDN方法(也是用标签引入，免去下载步骤)这里有三个CDN：StaticfileCDN（国内）:https://cdn
Blackplace·2020-08-12 10:52

Eslint 导致项目一直报错的解决办法

在使用图形化vue-cli创建项目时，默认启用了Eslint规则，启动项目时报错。解决方法有多种，这里我列举两种。
菜鸟也能飞呀飞·2020-08-12 10:15

Vue 数据双向响应机制

Vue数据双向响应机制参考资料（感谢各位前辈的分享和资料）尤雨溪讲解Vue源码Vue源码解析-Vue中文社区小马哥Vue源码解析小马哥Vue源码解析代码示范vue-cli源码MDNVue的特点是数据驱动视图
花懒顾·2020-08-12 10:14

Vue-2 vue-cli，生命周期，computed，watch，自定义指令

Vue-2vue-cli，生命周期，computed，watch，自定义指令vue-cli环境配置、项目安装、目录树我们使用webpack也可以手动安装配置vue脚手架环境，但是有一套更简单一点的vue-cli
花懒顾·2020-08-12 10:14

Vue-cli + Element-UI 利用递归动态生成菜单栏

Vue-cli+Element-UI利用递归动态生成菜单栏菜单项列表文件//menu.jsexportdefault[{title:'住院病人病情评估表',key:'0',meta:'',},{title:'医护各类常用表格',key:'1',meta:'',children:[{title:'医疗安全不良事件报告表',key:'1-0',meta:''},{title:'科室不良事件记录表',k
花懒顾·2020-08-12 10:43

Vue-cli 中的打印功能(window.print)

Vue-cli中的打印功能(window.print)print.js的封装//print.jsexportdefault{initIframe(printOption){letprintIframe=
花懒顾·2020-08-12 10:42

vue2.x 使用vue-cli搭建项目，引用全局scss 及报错Module build failed: TypeError: this.getResolve is not a function

引用全局scss1、安装sass-resources-loader插件，然后新建一个var.scsscnpminstallsass-resources-loader--save例如var.scss：@charset"UTF-8";$themeColor:#409eff;@mixinellipsis(){overflow:hidden;text-overflow:ellipsis;white-spa
凌霄102·2020-08-12 01:28

vue-cli main.js引入.scss文件报错的原因

//TheVuebuildversiontoloadwiththe`import`command//(runtime-onlyorstandalone)hasbeensetinwebpack.base.confwithanalias.importVuefrom'vue'importAppfrom'./App'importrouterfrom'./router'import'@/assets/css
qq_42148925·2020-08-12 01:14

vue-cli 项目中在main.js 引用scss 文件，在组件中应用却报错undefined

找了很多资料，终于发现有篇文章说的比较详细链接：https://segmentfault.com/a/1190000010324128安装完sass依赖包：npminstall--save-devsass-loader//sass-loader依赖于node-sassnpminstall--save-devnode-sass然后在build文件夹下的webpack.base.conf.js的rul
qq_36941804·2020-08-12 01:37

解决vue-cli引入sass，报错：this.getResolve is not a function问题

一.报错结果出现错误:------------this.getResolveisnotafunction进行sass-loader,node-loader的安装后$npminstallsass-loadernode-sass-D(-D是--save-dev的简写)重新运行项目npmrundev结果：仍是报错this.getResolveisnotafunction在网上找了很久，仍是没有人出现此问
XUELUOCC·2020-08-12 01:55

vue-cli项目引用外部js代码

刚接触到vue的单页面应用，所有的页面采用组件化的拼凑改变。而组件文件中的编码组成结构如下：exportdefault{name:'hello',data(){return{msg:'WelcometoYourVue.jsApp'}}}h1,h2{font-weight:normal;}可以看出包含html模板样式，script，style，所以一般的处理操作都可以写在.vue的组件文件中。但是遇
离不开键盘的手·2020-08-12 00:31

vue-cli 2.x 使用笔记(一)

1.vue-cli安装和初始化项目:去nodejs官网选择安装node.jsnode-v查看node是否安装成功npm-v查看包管理工具npm是否安装成功全局安装vue-clinpminstall--globalvue-cli创建一个基于webpack模板的新项目vueinitwebpack'项目文件夹名称'cd'项目文件夹'npminstallnpmrundev2.vue-cli项目文件夹结构和
zhizhiC·2020-08-12 00:30

vue配置多页面

vue-cli构建项目初步目录在test项目根目录下创建vue.config.js来修改配置vue.config.js内容module.exports={pages:{index:{//page的入口entry
前端小黑·2020-08-12 00:43

vue-cli2安装的几种方式

npminstall-gvue-clicnpminstall-gvue-cli以上两种手法是一样的，只是下载的来源不用，第一种是从国外网站上开始下载，而第二种是通过阿里的镜像进行下载（但是好像直接在cmd界面直接输入该命令不能生效）手动指定从哪个镜像服务器获取资源（会加速下载vue-cli
Silver gradient·2020-08-12 00:38

Vue 如何新建一个项目（如何安装依赖）

node.jshttps://nodejs.org/en/download/第二步，更换淘宝镜像npminstall-gcnpm--registry=http://registry.npm.taobao.org第三步，安装Vue-cli
渐暖°·2020-08-12 00:31

vue-cli创建项目

vue-cli:用户生成Vue工程模板1.先安装node，检查node版本，node-v,安装vue-cli脚手架，node的版
yangping227·2020-08-12 00:34

移动端适配-flexible.js使用(解决对外部引入css，px2rem能不能转换rem问题)

移动端flexible.js适用于最新版vue-cli,配置手淘的lib-flexible.js和rem实现移动端页面自适应1.安装lib-flexible.jsnpminstalllib-flexible
看雪看月亮·2020-08-12 00:32

component: () => import() SyntaxError: Unexpected token相关问题的处理

如果是vue-cli生成项目
xyphf_和派孔明·2020-08-12 00:59

vue自动将px转换成rem

flexibleimport'lib-flexible'3.安装px2rem-loader(将px转换成rem)npminstallpx2rem-loader--save-dev4.配置px2rem-loader在vue-cli
沫熙瑾年·2020-08-12 00:57

vue-cli 解决Invalid Host header

在webpack.dev.conf.js中添加：disableHostCheck:truedevServer:{public:'local.kingsum.biz',clientLogLevel:'warning',historyApiFallback:true,hot:true,compress:true,host:HOST||config.dev.host,port:PORT||config.
H小志·2020-08-12 00:09

安装vue-cli并创建一个项目运行

vue-cli可以帮助我们快速创建一个项目，这样我们直接写组件和路由以及做其他事就可以了，其他的不用关心。先安装vue-cli，-g表示全局安装。
肾虚少年·2020-08-12 00:43

vue-cli+es6引入es5写的js(两种方法)

学习了vue有一段日子了，vue+es6开发非常好用，vue的插件非常多，很充足，但是还是会用到引入第三方外部js的时候，但是很多人在vue-cli中的.vue文件引入es6会出很多错误，因为我们的代码是
前端可乐老师·2020-08-12 00:06

Vue-Cli 3.x脚手架的安装使用

Vue-Cli3.x脚手架怎么用1、Vue-Cli是vue官方提供的，用来搭建项目脚手架的工具。
wfq_w553508682·2020-08-12 00:01

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

一、介绍vue-cli是一个可以快速搭建vue项目的脚手架，一般搭建一个项目大致可以分为：1、脚手架搭建，2、自己用webpack，gulp等工具搭建。
Lvan-Zhang·2020-08-12 00:53

vue px转换为rem

注意：适配对于浏览器视口小的友好，视口大的话，也许一个轮播图就占据2屏了PC端不要用第二种方法vue-cli：使用脚手架工具创建项目。适配方法1postcss-pxtorem：转换px为rem的插件。
weixin_43964779·2020-08-12 00:53

vue init webpack my-project 时出现 Vue-Cli Error: EACCES: permission denied问题解决方案

记录前端学习中遇到并且解决的问题Vue-CliError:EACCES:permissiondenied情景：刚刚安装vue-cli脚手架后，初始化项目失败具体报错：Error:EACCES:permissiondenied
Ace-Liang·2020-08-12 00:50

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-cli搭建SPA项目

本章目标：使用vue-cli来搭建vue项目前提：搭建好NodeJS环境什么是vue-cli?
flat on failure·2020-08-12 00:15

vue/cli3---脚手架使用及配置

1.先安装脚手架npminstall-g@vue/cli#ORyarnglobaladd@vue/cli2.检查版本是否是3.0以前如果安装过版本的vue-cli(1.0或2.0)，升级3.0版本，步骤如下
北橙·2020-08-12 00:28

Vue CLI 3 脚手架搭建

cli.vuejs.org/zh/guide/VueCLI3搭建目录自定义配置文件vue.config.js运行注意see->https://cli.vuejs.org/zh/guide/VueCLI的包名称由vue-cli
明晨zz·2020-08-12 00:28

Vue:将px转化为rem,在移动端进行自适应

1.下载lib-flexible我使用vue-cli搭建的环境，通过npm来安装npmilib-flexible--save2.引入lib-flexible在main.js中引入lib-flesibleimport'lib-flexible
宠辱不惊-7·2020-08-12 00:47

Vue报错：command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org

使用vue-cli创建项目是报了如下错误：commandfailed:npminstall--loglevelerror--registry=https://registry.npm.taobao.org
Miyagi.Z·2020-08-12 00:15

手写一个自己vue-cli

/usr/bin/envnodeconsole.log("hellocyp");package.json{"name":"vue-cli","version":"1.0.0","description"
采故事的女孩·2020-08-12 00:43

使用vue-cli快速搭建一个vue项目

vue-cli是vue官方提供的一个快速搭建vue项目的脚手架，使用它能够快速的构建一个web工程模板。
旧时明月丶·2020-08-12 00:03

vue-cli 4.x版本配置环境变量

你可以替换你的项目根目录中的下列文件来指定环境变量：.env#在所有的环境中被载入.env.local#在所有的环境中被载入，但会被git忽略.env.[mode]#只在指定的模式中被载入.env.[mode].local#只在指定的模式中被载入，但会被git忽略如.env.developmentVUE_APP_API={baseURL:'http://localhost.xxx.com',}.e
淡若清风_Simple·2020-08-12 00:01

Vue使用vw做移动端适配

使用vue-cli来构建项目目录(我这里使用的是vuecli3@版本)vuecreate项目名称下载依赖包文件npmipostcss-urlpostcss-importpostcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextpostcss-viewport-unitscssnanocssnano
小生鲜·2020-08-12 00:00

升级已有项目到vue-cli 3.0版本

使用vue-cli创建新的项目删除新项目中src下的内容将原有项目src中的源码拷贝到新项目的src中将原有项目的index.html及favicon.ico拷贝到新项目的public中将原有的*static
zhanghe-V·2020-08-12 00:55

vue-cli3.0脚手架搭建项目

确保电脑已经安装node环境，并且保证node.js版本在8.9或者更高的版本（推荐使用8.11.0+）2、npm全局安装vue-cli3.0版本$npminstall-g@vue/cli3、检查安装的vue-cli
前端菜菜子·2020-08-12 00:21

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-cli创建项目

node官网地址：https://nodejs.org/zh-cn/确保你的node安装好了windows直接去官网下载安装即可小白就不要随便修改安装路径以免后期升级出现莫名其妙的bug。linux先去官网看下LTS最新的版本然后执行以下命令：wgethttps://npm.taobao.org/mirrors/node/v8.9.3/node-v8.9.3-linux-x64.tar.xzwge
一只很想飞的猪·2020-08-12 00:38

VUE采用VW布局结合vant UI搭建项目流程

代码编辑器（webStorm）打开项目文件夹，键入命令：vueinitwebpackManagement根据命令提示做相应的操作：4.接下来安装vw布局需要的插件，在.postcssrc.js文件中Vue-cli
weixin_39393337·2020-08-12 00:33

Vue-cli中使用hotcss解决手机屏幕适配问题

Vue-cli中使用hotcss解决手机屏幕适配问题1、下载hotcss地址：http://imochen.github.io/hotcss/2、以下载压缩包为例，将hotcss中的src文件放置在自己的项目中
CyneWang·2020-08-12 00:01

基于vue-cli配置移动端自适应

之前写过一篇关于移动端屏幕适配：移动端屏幕适配的解决，今天来聊一聊基于vue-cli配置的移动端屏幕适配问题。
维克拉玛蒂亚perry·2020-08-12 00:57
上一页 99 100 101 102 103 104 105 106 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他