vue-cli

vue-cli 双向绑定 v-model, 样式绑定 v-bind:class

index.vue//template{{fullName}}提交//scriptexportdefault{data(){return{content:"thisiscontent",firstName:"",lastName:"",styleObj:"title-fullName"}},computed:{fullName(){returnthis.firstName+this.lastNam
Darkdreams·2021-05-04 15:13

VUE代码格式化配置vetur、eslint、prettier的故事

在使用vue-cli创建一个vue项目的时候我们多会选择一个eslint来对我们的代码风格和样式做一个监控的样子。可是无尽的报错让人脑壳疼，所以用插件来搞定这些问题。
chan2017·2021-05-04 03:03

vue

vue框架vuejs+vue-router+vuex+axios渐进式理解声明式渲染（无需关心如何实现）组件系统客户端路由（vue-router）大规模状态管理（vuex）构建工具（vue-cli）vue
放逐的帝王·2021-05-03 23:25

vue init webpack my-project指令时报错问题（一）

最近在学习vue，在项目基本配置环节中产生各种报错问题，如执行以下指令:vueinitwebpackmy-project执行这一指令时已排除githubping不通的原因，但仍然以下报错：vue-cli
一个总在代码里给自己下毒的小白·2021-05-03 05:13

Vue-cli中使用scss 的全局变量和 @mixin

scssnpminstallsass-loader@10.1.1--save-devnpminstallnode-sass--sava-dev注意：sass-loader需要指定@10的版本，因为后续的版本在vue-cli
邢走在云端·2021-05-02 22:05

npm run dev报错，events.js:160 throw er; // Unhandled 'error' event

问题描述：用vue-cli脚手架搭建项目，执行npmrundev报错现象：[email protected]:\Users\Administrator.AT10173\Desktop\pronodebuild/
老95·2021-05-02 14:14

逐浪CMS发哥Jenkins实践之一：Jenkins+vue+ftp之基于windows server的自动化webpack部署全过程讲解

初识Jenkins关于川口耕介jenkins配置svn、自动构建vue-cli项目坑1坑2jenkins插
zoomlaCMS·2021-05-02 05:18

vue-cli项目搭建

vue中文官网https://cn.vuejs.org/谷歌调试工具:dev-tools1.github下载地址：https://github.com/vuejs/vue-devtools2.下载好后进入vue-devtools-master工程执行npminstall----->npmrunbuild.3.然后打开shells>chrome>src>manifest.json把里面的"persi
pauljun·2021-04-30 16:09

Vue-cli proxyTable 解决开发环境的跨域问题

在前后端分离进行开发时，跨域问题是必然存在的，之前一直使用的谷歌浏览器跨域，最近在使用vue-cli进行开发时，同样遇到了跨域问题，当然设置谷歌浏览器跨域也是可行的，但是vue-cli使用了node等一系列的工具
嗯这是网名·2021-04-30 16:44

vue-cli配置Sass

第一步npminstallnode-sass--save-devnpminstallsass-loader--save-dev第二步打开webpack.base.config.js在loaders里面加上{test:/\.scss$/,loaders:["style","css","sass"]}第三步在需要用到scss的地方写上
张先森Mr_zhang·2021-04-30 10:05

Vue.js-VueCLI详解

VueCLI是一个官方发布vue.js项目脚手架，使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。
guardwhy·2021-04-29 17:57

Vue 源码解读-学习方法

之后会产出周边生态相关库的源码分析和手写系列，比如：vuex、vue-router、vue-cli等。相信经过这一系列的
乐字节教育·2021-04-29 16:04

vue中利用.env文件存储全局环境变量，以及配置vue启动和打包命令

使用vue-cli搭建项目，默认会在根目录创建一个.env文件，如果需要更多类型的.env文件，需要
鹏多多·2021-04-29 16:00

vue中利用.env文件存储全局环境变量，以及配置vue启动和打包命令

使用vue-cli搭建项目，默认会在根目录创建一个.env文件，如果需要更多类型的.env文件，需要
鹏多多i·2021-04-29 16:37

web前端全栈0基础到精通（祺）vue 01

我们可以利用vue的够工具，也就是vue-cli脚手架快速搭建项
Midk·2021-04-29 13:57

Vue-cli 的配置

vue-cli配置axiosvuexelement-uisass配置sass||scss//命令行输入cnpminstallnode-sass-D或cnpminstallnode-sass--save-devcnpminstallsass-loader-D
释怀Believemin·2021-04-29 08:56

Vue组件化编码

使用vue-cli创建模板项目1、说明1）vue-cli是vue官方提供的脚手架工具2）github:https://github.com/vuejs/vue-cli3）作用:从https://github.com
qianxun0921·2021-04-28 18:37

vue-cli模式和环境变量

默认情况下，一个VueCLI项目有三个模式：development模式用于vue-cli-serviceservetest模式用于vue-cli-servicetest:unitproduction模式用于vue-cli-servicebuild和vue-cli-servicetest:e2e环境文件：当运行vue-cli-service命令时，所有的环境变量都从对应的环境文件中载入。环境文件：.
红旗下的小兵·2021-04-28 11:14

关于vue-cli3.0配置文件vue.config.js的问题

背景在使用vue-cli搭建vue项目的时候，由于3.0比起2.x精简了许多配置文件，所以需要自己手动配置相关的配置文件，即在根目录下新建一个vue.config.js，并在其中配置相关选项PS:vue-cli2
郑虎三·2021-04-28 06:36

Vue2.0史上最全入坑教程（下）—— 实战案例

说明：默认我们已经用vue-cli（vue脚手架或称前端自动化构建工具）创建好项目了一、项目说明ps：这个简单小项目只提供一个小小小的骨架，需要向“它”身上具体加多少“肉”，需要大家考虑好功能和布局后进行完善
微漫归雪·2021-04-28 02:47

vue之将echart封装为组件

阅读之前，可以先看看我之前的一些文章，这样能更好的理解这次的内容：【使用vue-cli（vue脚手架）快速搭建项目】：https://www.jianshu.com/p/1ee1c4
四小七·2021-04-28 01:59

vue-cli npm run build我踩过的两个坑和优化打包文件

写在前面：npmrunbuild是vue-cli用来打包项目的命令行，这里记录了我关于vue-cli打包的一些常见的坑，详细的记录我所踩过的坑和解决方法。
晴_eeca·2021-04-27 20:46

封装一个用vue+element-ui实现的远程搜索组件（vue-cli项目中）

1.在components下新建一个RemoteSearch.vue文件（或者新建一个文件夹，命名RemoteSearch，下面加入一个index.vue文件）（命名都是自己随意的）2.RemoteSearch.vue文件内容如下//这里是给远程搜索组件加上字数限制和icon{{searchValue.length}}/{{maxlen}}exportdefault{name:'remote-se
hang·2021-04-27 15:47

vue-router你看这个文章就完了

vue-router安装方式一：通过vue-cli，在项目创建的时候将router勾选上。
nirvanaAndRebirth·2021-04-27 10:12

vue本地代理配置

./',//vue-cli的apioutputDir:'groupBroadCast',configureWebp
范天缘·2021-04-27 01:39

vue-cli项目中用vue自定义指令实现鼠标拖拽左滑右滑动图片

1.在utils文件夹下新建一个directives.js文件（命名自己随意）utlis.png2.实现鼠标拖拽滑动图片的directives.js内容为constdragscroll=(el)=>{el.onmousedown=ev=>{constdisX=ev.clientX;constdisY=ev.clientY;//需要上下移动可以加constoriginalScrollLeft=el.
hang·2021-04-26 15:16

Vue中引入静态资源的几种方式

最近修改一些老项目，好多组件里面引入图片的方式不太一样，总感觉自己没有好好总结过，今天有时间参考了几篇帖子，就总结一下；在总结之前看了一下vue-cli的文档，突然感觉之前可能是我忽略它了基本没有看过，
ZD717822023·2021-04-26 12:57

Vue.js 实战系列之实现视频类WebApp的项目开发——1. 项目初始化

项目仓库地址，欢迎Star基础环境搭建Vue-cli脚手架搭建环境vuecreatedou-yin-app会提示让选取一个preset，这个地方我们选择“Manuallyselectfeatures”来手动选取需要的特性
前端小新_XH·2021-04-26 11:09

使用electron 将web页面(vue-cli)打包为桌面应用

electron官网electronGitHub步骤一.从官网上clone一个例子gitclonehttps://github.com/electron/electron-quick-startcdelectron-quick-startnpminstallnpmstart项目跑起来之后，就会出现electron的桌面页面，大概看一下入口文件main.js和package.json//main.j
candy252324·2021-04-26 05:11

Vue-router路由该如何使用

基于组件的路由配置路由参数、查询、通配符基于Vuejs过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自动降级自定义的滚动行为二、安装基于第一个vue-cli
·2021-04-25 16:35

VUE 环境配置及运行

npm-v二、配置nodejs环境变量vue-cli脚手架安装设置淘宝镜像安装npm，由于npm官网镜像访问太慢，我们使用淘宝的npm
爱阳光的小蘑菇·2021-04-25 14:16

如何实现vue-cli移动端适配问题 引入lib-flexible

第一部分：项目中引入lib-flexible一、项目中安装lib-flexiblenpminstalllib-flexible--save二、在项目的入口main.js文件中引入lib-flexibleimport'lib-flexible'第二部分：使用postcss-px2rem自动将css中的px转换成rem一、安装postcss-px2remnpminstallpostcss-px2rem
tongkx·2021-04-25 05:40

仿移动端网易云项目坑及技巧总结

[项目地址](https://github.com/chentianyuan/yun-music)vue全家桶(vue，vue-cli，vue-router，vuex，axios，ES6，flex布局)
芸芸人海之中独独遇见你·2021-04-25 01:11

vue-router配置

前言这篇文章给大家讲解的是在vue-cli脚手架中如何配置vue-router前端路由的相关内容。
阿r阿r·2021-04-25 00:45

关于最新版vue-cli

今天准备新建个vue-cli的项目测试用，但是当你cmd执行命令的时候却一直报错。。
cherubic_c·2021-04-24 22:48

vue-cli 关闭代码检查

在webpack.base.conf.js找到如下代码，在exclude添加无需验证的代码所在目录，如果全都不需要验证，删掉该段代码。preLoaders:[{test:/\.vue$/,loader:'eslint',include:projectRoot,exclude:/node_modules/},{test:/\.js$/,loader:'eslint',include:projectR
码农明明·2021-04-24 17:34

前端技术：开发一个vue中央事件总线插件vue-bus

首先，我们使用vue-cli创建一个项目vue-bus,在src目录下，新建vue-bus.js文件，vue-bus插件像vue-router和Vuex一样，给Vue对象添加一个属性$b
源码时代官方·2021-04-24 15:02

基于Node+express+mongodb+vue的全栈之旅

最先接触node的时候是使用VUE-CLI在自动化构建前端的时候使用的，具体的原理也不是很清楚，在后来的慢慢学习中明白了其中的一些原理，在这里与大家分享。
lonelyRon·2021-04-24 04:24

关于vue的学习

1.首先安装node.js2.国内使用cnpm替代npm提高速度3.在命令行中安装vuecnpminstallvue4.全局安装vue-cli（这是一个vue的脚手架工具帮你搭好整个vue的框架）cnpminstall
Qzr·2021-04-23 23:09

Vue-CLI多页分目录打包的步骤记录

页面目录结构注意需要将默认的html模板文件public/index.html移动到根目录下。安装依赖npmi--save-devcross-envtasksfilebuild/pages.js获取VueCLI需要的多页对象constpath=require('path')constglob=require('glob')constfs=require('fs')constisProduction
·2021-04-23 21:51

Nuxt.js服务端渲染demo实践

安装全局安装vue-cli（若已安装，直接跳过）vueinitnuxt-community/starter-template路由创建在page目录中创建.vue文件或目录，nuxt会为我们自动创建路由page
程序渣·2021-04-23 19:55

npm方法创建一个vue 项目，并引入element插件

在创建vue项目之前先用npm安装webpack：cnpminstallwebpack-g第一步：npm方法安装vue1.安装vue：cnpminstallvue2.全局安装vue-cli:cnpminstall-gvue-cli
前端伊始·2021-04-23 06:09

重温webpack：骨架搭建

比如|----build//存放webpack配置类似vue-cli生成的目录//打包结构|----dist|----index.html|----list.html|-
枸杞辣条·2021-04-23 04:13

vue 2.0服务端渲染从零开始(一)

前后端项目结构区别front-end平时大家编写vue项目，一般都是使用vue-cli初始化项目，生成的项目配置齐全，大家只要在src目录进行开发即可，开发完成后执行npmrunbuild完成生产环境的打包
回调的幸福时光·2021-04-23 02:12

Vue cli ,2与3

CLI是Command-LineInterface，翻译为命令行界面，俗称脚手架.VueCL是一个官方发布vue.js项目脚手架,使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置
名字是乱打的_闭关写项目中·2021-04-22 19:02

Vue - Mac安装vue-cli 并创建模板项目

官网-VueCLI创建一个项目Mac安装Vue环境vue移动端项目搭建一、vue/cli安装1.vue依托nodejs，所以首先要安装nodejsnode-vnpm-v命令：node-v查看是否安装了nodejs（有版本号即成功）Node.js官网命令：npm-v查看是否安装了npm(有版本号即成功)说明：npm是node的包管理工具，默认安装完node之后，npm会自动安装上的。2.安装Vue说
西半球·2021-04-22 18:27

vue-cli中的小操作

1.想要禁止用户在ios端缩放，那就在根目录的index.html中替换2.关闭打包之后，js中生成map的文件，只需在config/index.js中：productionSourceMap:false,3.配置跨域，在config/index.js中找到proxyTable：{}，改为'/api':{target:'需要跨域的网址',//如：http://tp.zlzjcyw.com/chan
leesession·2021-04-22 17:56

使用eslint检查JS代码

介绍eslint早在2013年就有了，而我个人第一次接触还是在使用vue-cli搭建项目的时候，默认配置的eslint会根据规则直接报错，刚开始用的时候满屏报错、特别酸爽~~但只要习惯就好，使用eslint
ITgecko·2021-04-22 08:08

vue-cli使用

使用之前要使用vue.js搭建前端项目，作为webpack小白不得不官网上提到的vue-cli脚手架开始。当然在开始搭建项目前你得先了解node、npm的使用。
沃尔玛对面·2021-04-22 02:28

vue-cli require-context

这里只是记录下：require-context(directory,true/false,reg)功能类似于require-directory。有三个参数：要搜索的目录、一个标记表示是否搜索其子目录、创建一个匹配文件的正则表达式，webpack会在构建中解析代码中的require.context()。语法如下：constmoduleContext=require.context(directory
红旗下的小兵·2021-04-21 15:26
上一页 66 67 68 69 70 71 72 73 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他