vue-cli 第102页

【Vue】vue-cli源码分析

vue-cli源码版本为3.1.3命令行工具入口文件在packages/@vue/cli/bin/vue.jsvue-cli的核心命令是create，整体相对是比较复杂的，我们理解其中的主要逻辑就好。

Jacano·2020-08-14 04:01

vue cli 3 学习 1、安装

关于旧版本VueCLI的包名称由vue-cli改成了@vue/cli。

TIANDI0808·2020-08-14 02:53

npm install过程中出现Maximum call stack size exceeded

文件夹和package-lock.json文件，再重新npminstallrm-rfnode_modules/pacage.jsonsudonpminstall项目运行起来，居然又出现问题ORZ，提示vue-cli

一只前端小马甲·2020-08-13 23:54

Vue中使用canvas方法总结_vue.js

2、项目架构是vue-cli的单页应用，如果在index.html入口主文件里面引入；3、这样每个组件都会加载此js，造成资源

諼·2020-08-13 22:24

Better-scroll实现楼层联动

第一步：先搭建vue-cli环境（具体过程就不多说啦）第二步：下载better-scroll:npm/cnpmibetter-scroll-S第三步：在components中创建scroll组件并且在main.js

贰年级小明·2020-08-13 22:45

Vue学习第八章-脚手架

一、脚手架的基本使用vue-cli是vue的一个脚手架工具，什么是脚手架。就是可以帮助我们自动生成vue.js+webpack的项目模板，也就是说不用我们手动配置webpack以及一些配置了。

CodeKiang·2020-08-13 22:30

用Nodejs开发命令行工具(cli)入门

日常前端开发中，经常见到各种cli，如一行命令帮你生成vue项目模板的vue-cli。编写合适的命令行工具也可以快速构建出适合自己项目的模板。前言nodecli的本质其实就是执行node脚本。

此雪宝宝非彼·2020-08-13 22:10

nodejs生成模板文件

之前为了学习，用vue-cli搭了一个前端架子，但是每次新建组件的时候都需要新建文件夹和.vue文件，感觉很繁琐。

weixin_34417183·2020-08-13 21:46

使用node配合vue-cli快速搭建vue项目的基本结构

vue-pagetool使用node脚本快速搭建vue项目的基本结构##安装$npminstallvue-pagetool复制代码##使用新建一个page.js,内容为：var{createPages}=require("vue-pagetool");varpage_model={root_dir:'./src',pages:[{name:'home',pages:[{name:'login',c

weixin_34061042·2020-08-13 21:28

关于vue-clidown到本地后，拷贝文件库到另外一台电脑上npm run dev编译报错的处理...

这些天自己在用vue-cli项目，在家里的电脑下下来后写了一些demo，拿到公司继续开发的时候发现删除node_modules文件，运行npminstall和npmrun百度，搜狗了好久都没有找到相应的答案

weixin_33964094·2020-08-13 21:43

怎么在vue-cli中利用 :class去做一个底层背景或者文字的点击切换

//html全部{{author.name}}此时的div和span可以换成row,col,利用flex进行布局，便于美观居中。这里不做详解。//它的核心点：:class="{checkedSpan:active===''}":class="{checkedSpan:active===author.name}"data(){active:''//默认全部}class的动态变量设置，前面是一个cla

weixin_30667301·2020-08-13 20:19

从零开始搭建VUE项目

快速开始：要使用这个模板，可以用vue-cli来支持一个项目。建议使用npm3+更高效的依赖关系树：$npminstall-gvue-cli$vueinitwe

weixin_30386713·2020-08-13 20:55

Npm 上传攻略（菜鸟版）

正文作者技术栈为Vue、Typescript——均为初学，包管理工具为Yarn——不清楚的请百度创建项目全局安装Vue-cli脚手架yarnglobaladd@vue/c

zeronofreya·2020-08-13 19:12

VueJs入门练习

0.预备，官方建议：刚开始上手不宜直接使用vue-cli工具，还是使用最简单的Vue引入方式：1.Vue声明式渲染数据VueStudy{{message}}varapp=newVue({el:'#app

百家晓东·2020-08-13 19:39

VUE+arcgis实战汇总

2.全局安装vue-cli，vue-cli可以帮助我们快速构建Vue项目。

shizhesx·2020-08-13 18:52

vue-cli网页聊天室：当聊天室有新消息时，控制滚动条滚动到底部

做一个网页聊天室页面，功能需求是：当有新消息出现在聊天室页面时，控制页面滚动条滚动到页面底部；聊天室页面代码如下：data中的消息列表；messageList:[{Character:"0",//客服message:"你好,有什么需要我帮忙的吗？"},{character:"1",//顾客message:"你好,我想咨询一下...."}],每当用户发出新消息时，就会想消息列表内push一个消息对象

一捆铁树枝·2020-08-13 17:03

前端二维码的实现/vue项目实现前端生成二维码

实现一、在Vue-cli项目中动态生成二维码

景凌凯·2020-08-13 17:34

cube-ui 结合 vue-cli 实现下拉刷新和上拉加载

使用cube-ui实现下拉刷新，上拉加载官方文档：https://didi.github.io/cube-ui/#/zh-CNcube-ui是基于Vue.js实现的精致移动端组件库。在我们制作移动端页面时能够给予我们很大帮助，详细介绍都在上方的官方文档中，如何安装这里就不再赘述了。//需要给father一个固定高度比如350px//要实现滚动，则children的高度必须大于350px......

小白阿里里·2020-08-13 17:28

vue : 无法加载文件 G:\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。

问题：安装完vue-cli，在命令行下运行报vue:无法加载文件G:\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。

echo忘川·2020-08-13 17:51

架构 | 前后端分离与前端工程化

文章目录前言前后端分离核心对开发行为和职责的直接影响前端工程化本地代理与ngix反向代理node是什么，有什么特点，与前后端分离，前端工程化的关系node,npm，package.json与webpackvue,vue-cli

MGsniper·2020-08-13 17:17

vue-cli构建的项目，vue组件和根实例的关系

一、问题学习vue.js，根据资料，直接用vue-cli构建的项目。想像其它项目一样，如Java的项目，在这个基本的框架上，做几个基本的练习，把教程中的内容都练习一下。

qq_35139897·2020-08-13 17:24

vue-cli中单独设置body页面背景颜色

又见面了，今天用vue练习项目，遇到一个问题迟迟不能解决，因为对这个框架确实也不太熟悉，问在这里插入代码片题描述：问题1：vue-cli结合mint-ui框架，在用到tab切换时，需求是点击导航按钮时要切换页面

小小蝙蝠侠·2020-08-13 15:05

better-scroll使用

zh-hans/结合vue的学习:https://zhuanlan.zhihu.com/p/27407024作者成品:http://ustbhuangyi.com/sell/#/goods一.使用代码是使用vue-cli

guxiansheng1991·2020-08-13 14:01

laravel 前端 vue 搭建

cdn.bootcss.com/vue/2.2.2/vue.min.js3.NPM方法在用Vue.js构建大型应用时推荐使用NPM安装：$cnpminstallvue2.构建单页应用Vue.js提供一个官方命令行工具（vue-cli

哈尼熊熊·2020-08-13 13:11

vue-cli脚手架build目录中的webpack.base.conf.js配置文件

此文章用来解释vue-cli脚手架build目录中的webpack.base.conf.js配置文件此配置文件是vue开发环境的wepack相关配置文件，主要用来处理各种文件的配置关于注释当涉及到较复杂的解释我将通过标识的方式

搁浅的海豚·2020-08-13 12:00

npm安装教程（结合自己出现的问题）

vue-cli:用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vu

Night_13·2020-08-13 12:43

利用nodejs写一个自动生成vue组件文件的cli

公司开发，编写组件基本上都用伟大的vue，虽然目前在公司主要从事移动端app开发，虽说vue官网有推荐vue-cli，其提供了init，build，list等命令，但并没有提供生成新的组件文件的命令，每次只能手动添加一个新的组件文件

weixin_33994444·2020-08-13 11:44

vue项目搭建

工具安装1、安装node2、安装webpack:npminstallwebpack-g3、安装vue-cli脚手架构建工具:npminstallvue-cli-g搭建项目1、vueinitwebpackdemo

叶不归宿·2020-08-12 21:53

vue+element 后台管理系统（三）树形图

vue+element后台管理系统，没有依赖vue-cli，是经典的web模式。

攻城狮Lee丶·2020-08-12 18:39

有关vuecli的一些知识汇总

使用vue-cli可以快速搭建vue开发环境以及对应的webpack配置vuecli前提：安装Node官网：http://nodejs.cn/download/检测安装版本：命令行node

Weightlessly·2020-08-12 18:56

在vue-cli创建的项目中使用sass操作

安装sass-loadernode-sasscnpminstallsass-loadernode-sass-D-D是--save-dev的缩写安装之后有的会报错：this.getResloveisnotafunction....这时因为sass-loader的版本太高的原因，在package.json长修改sass-loader的版本低于8.0,删除node_modules文件加，重新安装就ok了

·2020-08-12 17:31

vue-cli打包后本地运行dist文件中的index.html操作

使用npmrunbuild生成dist文件夹中的文件是你需要上传到服务器上的文件，直接打开index.html会直接报错可以尝试用express搭建一个服务器，做法如下：1、在dist根目录下新建server.js文件；2、代码如下：varexpress=require('express');varapp=express();consthostname='localhost';constport=

·2020-08-12 17:29

vue-cli 3.0之跨域请求代理配置及axios路径配置

配置：一：在web配置文件config\index.js文件中设置：proxyTable:{'/api':{//target:'https://www.easy-mock.com/mock/5d01cfb04b4e406118bae1f6/example/',//我实际开发的时候后台接口示例target:'http://127.0.0.1:8100/',//对应自己的接口changeOrigin:

qq_42991509·2020-08-12 17:59

vue-cli 3 + axios 配置proxy代理，解决本地跨域

需求描述：开发环境web服务端口为8080，接口服务端口为80，需要在开发环境也能跨域正常访问80端口的服务。在入口文件main.js增加以下代码：letROOT;if(process.env.NODE_ENV==='development'){ROOT="/apis";//开发环境下的代理地址，解决本地跨域}else{ROOT='http://192.168.8.126';//生产环境下的地址}

前端攻城狮一枚·2020-08-12 17:51

vue微服务架构（qiankun）（未完）

我们在本教程中，接入了多技术栈微应用的主应用最终效果图如下：构建主应用基座我们先使用vue-cli生成一个Vue的项目，初始化主应用。将普通的项

qq_33332184·2020-08-12 17:17

记录vue-cli 3.x 配置代理解决axios跨域问题

在根目录创建一个文件vue.config.js.内容如下://vue.config.jsmodule.exports={devServer:{proxy:{'/api':{target:'http://localhost:4000',//要访问的那个url.如我的8080端口到4000端口.changeOrigin:true,ws:true,pathRewrite:{'^/api':''}}}}}

qq_33079391·2020-08-12 17:46

vue-music 跨域获取QQ音乐歌单接口

最近在看vue音乐APP视频学习,需要跨域获取歌单数据，视频中老师是在build/dev-server.js文件配置跨域接口的，但是新版的vue-cli是没有这个文件的，我的vue版本是"2.5.2"，

dhyjr20804·2020-08-12 16:13

vue-cli + vant h5工程使用vuex+axios 控制封装全局loading加载组件

需求vue脚手架搭建的h5工程，接口请求使用axios，每当请求发出，页面展现loading加载状态，请求完成或者请求失败，隐藏页面loading状态组件组件采用了开源组件vue-loading-spinner，GitHub地址为https://github.com/nguyenvanduocit/vue-loading-spinner效果非常好的一款loading组件，可以根据实际项目自行编写l

吃三个汉堡·2020-08-12 16:14

vue-cli系列之vue-cli-service整体架构浅析。

概述vue启动一个项目的时候，需要执行npmrunserve，其中这个serve的内容就是vue-cli-serviceserve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要内容以备注形式写到代码中。）。关键代码vue-cli-service.jsconstsemver=require('semver')c

weixin_34080903·2020-08-12 16:21

vue-cli 3.0 vue-cli-service.js解读

#!/usr/bin/envnodeconstsemver=require('semver')const{error}=require('@vue/cli-shared-utils')constrequiredVersion=require('../package.json').engines.nodeif(!semver.satisfies(process.version,requiredVer

理个以哈呦·2020-08-12 15:56

vue导航和首页轮播图实现

vue-tabbarvue-slider1.路由结构图index.js使用路由首先要引入Vue-router并use，并将配置好路由的vue-router实例挂载到new出来的Vue实例上，不过vue-cli

lvlemo·2020-08-12 15:23

关于vue-cli 中执行的 vue-cli-service

最近又整回vue去了，不说了，还是脚手架先整吧。假设你已经通过vuecreatevue-base有了vue-base项目然后我看到"scripts":{"serve":"vue-cli-serviceserve","build":"vue-cli-servicebuild","lint":"vue-cli-servicelint"},这里执行的是vue-cli-service开心又来活儿了我好奇它

aisjimoxue·2020-08-12 15:12

vue-cli + webpack 新建项目出错的解决方法

vue-cli+webpack新建项目出错的解决方法今日使用npminitwebpacklove创建一个新项目，然后执行npmrundev之后项目报错，提示错误如下：没有给这些选项指定值：config-name,context,entry,module-bind,module-bind-post,module-bind-pre,output-path,output-filename,output-

FungLeo·2020-08-12 15:02

html中使用js将axios请求封装

百度中全是vue-cli中使用axios的方式，我需要用的是在html中引入axios.js1、新建httpRequest.js文件，定义如下方法：//axios封装post请求functionaxiosPostRequst

H_c_l·2020-08-12 15:12

手撸一个自己的前端脚手架

只要提到脚手架你就会想到，vue-cli、create-react-app、dva-cli…他们的特点不用多说那就是专一！但是在公司开发中你会发现有以下一系列的问题!

前端优选·2020-08-12 14:54

初学vuecli之摸爬滚打笔记

前端小菜鸟最近看了下vue-cli怕忘记记录下1.关于引用jquery看了网上好多最后在webpack.baseconf.js下加了代码a.varwebpack=require('webpack');b.module.exports

yeluofengfei·2020-08-12 14:46

vue-cli项目中如何使用vuex（踩过的坑）

vuex知识学习梳理一、在你的项目中安装Vuex参考此文二、在项目里新建好相关的文件，如图三、在index文件中配置如下importVuefrom'vue'importVuexfrom'vuex'Vue.use(vuex)importdetailPicPagefrom"./detailPic/detailPicPage"letstore=newVuex.Store({modules:{detail

div童鞋·2020-08-12 13:44

vue-cli按需引入Element UI组件

一、环境使用vue-cli搭建的环境二、安装babel-plugin-componentnpminstallbabel-plugin-component-D三、修改.babelrc文件，可以直接拷贝一下的配置

weixin_30487701·2020-08-12 13:28

vue-cli watch简单用法

创建一个vue单文件{{msg}}exportdefault{name:"test",data:function(){return{msg:'testmsg'}},watch:{msg:function(){console.log('msg进行了改变');}},mounted:function(){},methods:{changeMsg:function(){this.msg="改变MSG"}}

weixin_30404405·2020-08-12 13:51

vue-cli入门（三）——人员管理实例

前言在开始开发实例前，应首先了解一下vue-cli的项目结构。

大灰狼的小绵羊哥哥·2020-08-12 12:01

推荐频道

vue-cli