vue-cli 第88页

开发vue组件库

1、创建项目基于vue-cli脚手架，创建一套vue代码。

问上·2020-08-24 15:14

vue-cli 源码阅读

vue-cli源码阅读前一阵写了一个平时自己用的React模板项目boone-react，想着以后每次写新项目的时候就可以直接拉取现成的模板就不用自己配置了。

breezymelon·2020-08-24 15:14

【vue项目实战】Vue工程化项目--猫眼电影移动端

使用vue-cli创建项目。本节先介绍并进行项目的初始化，然后把主框架搭起来，熟悉路由和组件，后面在项目demo持续贴出完整项目代码。也会更新博客。

艾欢欢·2020-08-24 15:39

vue2.0+vue-router构建一个简单的列表页

一：环境搭建使用vue-cli脚手架工具构建安装vue-clinpminstall-gvue-cli使用vue-cli初始化项目vueinitdemo1进到目录cddemo1安装依赖npminstall

_Junjun·2020-08-24 15:09

vue-cli mock

最近一直在做vue的移动端项目，突然间发现vue-cli更新了，使用vue-cli结合webpack创建项目之后，项目文件发生了一些变化。

enjoyLife·2020-08-24 14:52

Vue-CLI路由懒加载预渲染项目实战

常见的Vue单页SPA构建之后的index.html只是一个包含根节点的空白页面，当所有需要的js加载完毕之后，才会开始解析并创建vnode,然后再渲染出真实的DOM。当这些js文件过大而网速又很慢或者出现意料之外的报错时，就会出现所谓的白屏。而且单页SPA还有一个很大的弊端就是对SEO很不友好。那么如何解决这些问题呢?SSR(Nuxt)--当然是很好的解决方案，但这也意味着一定的学习成本和运维成

czero1995·2020-08-24 14:22

用mpvue开发微信小程序

一、搭建项目官网教程：http://mpvue.com/mpvue/#_2用vue-cli构建项目后，在微信开发者工具中项目目录选择构建的dist目录，不是src目录二、新建页面每一个页面都是新建文件夹

LauJon·2020-08-24 14:53

在vue-cli项目下简单使用mockjs模拟数据

为什么要用mockjs实际开发中，前后端分离，前端需要后端的接口去完成页面的渲染，但是并不能等到后端成员写完接口再开始进行测试。大部分情况下，前后端需要同时进行开发。因此便需要mockjs制造随机数据来进行后端接口模拟。看了官方文档之后一脸懵逼，这些都是什么鬼？？？？？因此总结了一篇文章，来介绍mockjs的简单使用。首先搭建一个vue项目不介绍了安装mockjsnpminstallmockjs-

liaojin1·2020-08-24 14:53

vue-cli2 构建速度优化

对于使用vue-cli脚手架创建的前端项目，编译发布几乎是必需操作，有的编译只需要几秒钟，快如闪电，有的却需要好几分钟，慢如蜗牛。

lifefriend_007·2020-08-24 14:45

基于Vue、vue-i18n实现国际化（多语言）

vue-i18n官网https://kazupon.github.io/vue...项目用vue-cli构建，用到vue全家桶及webpack、iview。

will·2020-08-24 14:43

vue-cli3新建项目之后运行，端口号不是8080而是一个五位数？

卸载重装vue-cli之后都没有区别？解决方案：[email protected]回退版本

CloudClient·2020-08-24 14:36

webpack的可视化资源分析工具webpack-bundle-analyzer的使用

以下给出webpack-bundle-analyzer配置【vue-cli构建项目时会自动配置好】安装webpack-bundle-analyzer控制台输入npm/cnpminstall--save-devwebpack-bundle-analyzerconfig

停停儿·2020-08-24 14:22

vue-cli webpack配置cdn路径以及上线之后的字体文件跨域处理

昨天搞了一下vue项目打包之后静态资源走阿里云cdn。配置了半天，终于找到了设置的地方config/index.js里面设置build下的assetsPublicPath打包的时候便可以添加公共前缀路径assetsSubDirectory:'admin/static',//生成的文件目录assetsPublicPath:'https://cdn.xxxxx.com',//添加路径前缀这样就可以修改

一叶知秋·2020-08-24 14:09

vue-cli 3.0 与 framework7 的一个 css 问题

发现问题看到vue-cli3和framework7都升级到3.0了,团队打算用新版本做些新东西.有https://github.com/framework7...和vue-cli3中文文档的加成,开始还算顺利,npmrunserve也能把项目跑起来.但是npmrunbuild打包的时候发生问题了.报错如下:ERRORError:CSSminificationerror:Parseerroronli

mhvs·2020-08-24 14:16

vue-cli element-ui打包报错Unexpected token: operator (>)

问题：打包时报错ERRORinassets/js/8.1cf9f71e2f3b3b6ed470.jsfromUglifyJsUnexpectedtoken:operator(>)[node_modules/[email protected]@element-ui/src/mixins/emitter.js:2,0][assets/js/8.1cf9f71e2f3b3b6ed470.js:3947,

lmxdawn·2020-08-24 14:17

搭建 vue2 单元测试环境（karma+mocha+webpack3)

从网上找了很多例子关于单元测试，都是如何新建项目的时候的添加单元测试，用vue-cli中怎么添加，但是我的项目已经生成了，不能再一次重新初始化，这时如何添加单元测试，这里面遇到了好多坑，写在这里记录一下心得

敏哥·2020-08-24 14:20

webpack手动构建vue和vue-cli构建使用 px2rem-loader ,全局自动转换px单位,让自适应来的更简单点!

做移动端时，适配是必须的。使用rem单位，可在不同屏幕上完美显示相同的布局。px2rem插件方便的将px单位转为了rem。1.自己手动构建vuewebpck配置我们在开发过程中，我们在css文件中，直接按设计稿，直接以px像素为单位，然后在真正的应用中，我们想让px自动转制为rem单位，那这个要怎么让构建工具自动转换呢？大家想一下，我们的构建工具，其实最主要还是来自vue，vue这个文件中我们使用

前端小智·2020-08-24 14:15

vue+vuecli+webapck2实现多页面应用

准备工作在本地用vue-cli新建一个项目，首先安装vue-cil，命令：npminstall-gvue-cli新建一个vue项目,创建一个基于"webpack"的项目,项目名为vuedemo：vueinitwebpackvuedemo

风雨后见彩虹·2020-08-24 14:37

关于path.join，path.resolve的详细介绍

vue-cli生成的webpack配置中有大量path.resolve，path.join，有些模糊。

King·2020-08-24 14:53

下一代基于Koa的NodeJS全栈开发框架

Github上的脚手架实在太多，可能大多数都是只专注在前端的web开发，例如流行的React生态中的create-react-app和Vue生态中的Vue-cli,但是可能作为像我一样的全栈开发，一个只关注在前端开发的脚手架满足不了所有的需求

jasonboy7·2020-08-24 14:25

基于手淘 flexible 的 Vue 组件：Toast -- 显示框

关于lib-flexible和px2rem的配置，请移步vue-cli配置flexible。由于使用rem作适配，导致现有的很多移动端UI框架不能与之很好的配合，往往需要大动干戈更改UI框架的样式，背

冰扬·2020-08-24 14:19

基于手淘 flexible 的 Vue 组件：TextScroll -- 文字滚动

关于lib-flexible和px2rem的配置，请移步vue-cli配置flexible。由于使用rem作适配，导致现有的很多移动端UI框架不能与之很好的配合，往往需要大动干戈更改UI框架的样式，背

冰扬·2020-08-24 14:38

vue 使用Jade模板写html，stylus写css

安装包//安装jade包npminstalljadejade-loader--save-dev//如果使用vue-cli构建项目，则不需要安装stylus相关的包，vue-cli默认已安

Taoqun·2020-08-24 14:03

利用http-server测试vue-cli打包后的项目

目前在练习Vue，利用vue-cli脚手架开发了个vue2.0仿唯妮海购项目，在生产环境中一切良好，项目暂时告一段落，根据官方的npmrunbuild打包后发现，在自己没有线上服务器的情况下，测试成为一大难题

冰扬·2020-08-24 14:57

vue-cli 配置flexible

基于vue-cli配置手淘的lib-flexible+rem，实现移动端自适应没接触过flexible的建议先看看大漠的这篇文章这样你才会知道长度为什么用rem，而字体要用px安装flexiblenpminstalllib-flexible

冰扬·2020-08-24 14:37

用 vue2 和 webpack 快速建构 NW.js 项目(3)

一、最小侵入性使用vuejs-templates建构NW.js应用在Vue圈里，最方便的项目建构方式应该是vue-cli，这整个生态里面最便捷的又应该是webpack这个模板。再对这个模板比

不爱吃西红柿的鱼·2020-08-24 13:22

解决vue-cli element-ui打包报错Unexpected token: operator (>)

1.问题描述我vue-cli写了项目，界面都是用element-ui写的，打包时报错：ERRORinassets/js/0.498ce690b229694d8858.jsfromUglifyJsUnexpectedtoken

煲煲菜·2020-08-24 13:44

在 Vue-cli 中引入 Semantic UI

首先，我们需要先安装jQuerynpminstall--savejquery然后在webpack.dev.config.js文件中，添加//plugins区块内newwebpack.ProvidePlugin({$:"jquery",jQuery:"jquery","window.jQuery":"jquery","root.jQuery":"jquery"})随后安装semantic-ui-cs

cangzhang·2020-08-24 13:54

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

基于Vue开发项目时我们会遇到了跨域问题，vue-cli的config文件里有一个参数叫proxyTable，这个参数就是用来处理跨域问题的。有关于APIproxy的说明，使用的就是这个参数。

果汁密码·2020-08-24 11:28

关于在vue-cli中使用微信自动登录和分享

（以下所有接口由后台提供）一、微信自动登录//定义事件methods:{//判断是否微信登陆是不是微信浏览器isWeiXin(){letua=window.navigator.userAgent.toLowerCase();console.log(ua);//mozilla/5.0(iphone;cpuiphoneos9_1likemacosx)applewebkit/601.1.46(khtml

weixin_34248705·2020-08-24 11:09

关于 vue-cli 里 axios 携带不了 cookie 的问题

在vue-cli里的main.js配置axios代码里加上axios.defaults.withCredentials=true;这行代码就可以携带cookie请求了。

白宝线·2020-08-24 09:22

前端基础学习-创建一个简单带有菜单的项目

前端基础学习-创建一个简单带有菜单的项目在通过vue-cli自己创建一个project后，创建一个属于自己的项目（老手勿看，这里只是自己的记录）创建主页，开发页面样式首页页面代码首页主要是按照自己想要的方式进行布局

小夭crying·2020-08-24 09:30

Vue环境搭建

安装node.js检查node–vnpm–v安装cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.org检查cnpm-v安装vue-cli

hypnos_x·2020-08-24 08:25

【Vue.js学习笔记】1：使用npm安装Vue.js环境,使用vue-cli创建Vue项目

本地安装Vue不使用全局安装，先创建一个目录，然后进入到该目录下，使用cnpminstallvue安装：E:\WorkSpace\PhpStorm\myVue>cnpminstallvue√Installed1packages√Linked0latestversions√Run0scripts√Allpackagesinstalled(1packagesinstalledfromnpmregist

LauZyHou·2020-08-24 07:13

Vue.js项目的搭建

使用Vue框架编写前端页面步骤1.安装vue-cli脚手架工具打开命令行，输入指令npminstall-gvue-cli安装成功后，可以查看版本号vue--version，如果看到那么说明安装成功2.项目的搭建在命令符中进入创建项目的目录下

一粒有梦想的痞老板·2020-08-24 07:35

手把手教你撸一个简易的 webpack

但是目前很多脚手架工具，比如vue-cli已经帮我们集成了一些构建工具的使用。有的时候我们可能并不知道其内部的实现原理。

weixin_34216196·2020-08-24 06:07

Auve-data数据大屏展示（avue-echart）

数据大屏展示（avue-echart）Auve-data数据大屏展示（avue-echart）项目简介常用组件折线图（avue-echart-line）数据详情未完待续……项目简介数据大屏解决方案采用vue-cli

"日"后再说·2020-08-24 06:05

vue-cli本地环境API代理proxyTable

前言我们在使用vue-cli启动项目的时候npmrundev便可以启动我们的项目了，通常我们的请求地址是以localhost:8080来请求接口数据的，localhost是没有办法设置cookie的。

遇而记起·2020-08-24 05:09

随我来基于webpack构建一个简易的vue脚手架 (webpack系列二)

前言之前有写了一篇webpack的文章(认识篇)猛戳,大家对于webpack基本概念(entry,output,loader,plugin,mode...)应该是有了较模糊的认识.今天希望在通过(对于vue-cli

努力更好·2020-08-24 03:53

vue-lazyload使用图片路径的坑！！

使用vue-cli脚手架快速生成的框架中，src**同级目录**中有static文件夹src**子文件夹**中有assets文件夹在使用vue-lazyload，设置error或loading属性的图片路径时

runOnWay·2020-08-24 02:25

vue : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本

今天想在新电脑上启动一个vue项目来做视频通讯结果下载了vue-cli然后检测vue版本的时候报错百度了很多次显示是没有权限让我执行这句代码，但是我执行之后还是报错RegistryKeyrk1=Registry.CurrentUser

Alina_x·2020-08-24 02:34

Vue-Cloudnotes教程.md

需求分析前后端接口约定创建远程仓库vue-cli初始化项目结构初始化样式引入图标安装less配置路由组件拆分划分模块,编写静态页面引入axios,封装接口apimock数据，测试接口api再次分析交互的实现细节交互实现打包上线交互分析当用户访问任意页面

艾宾浩斯记忆法·2020-08-24 01:49

CommonJS语法中的require寻找‘包’的规则

最近，使用vue-cli时，webpack配置里面配置了：resolve：{‘vue$’:‘vue/dist/vue.esm.js……}只有这样，我们在index.js(这是我的项目里面文件)中引入vue

little_newBee·2020-08-24 01:48

vue-cli 安装失败：vue init webpack-simple project 报错处理(connect ETIMEDOUT 192.30.253.113:443)

Failedtodownloadrepovuejs-templates/webpack-simple:connectETIMEDOUT192.30.253.113:443Failedtodownloadrepovuejs-templates/webpack-simple:connectETIMEDOUT192.30.253.112:443，一直报这个错解决步骤： 1.打开终端（cmd），输入命令：

贝西说·2020-08-23 23:28

在win环境下使用yarn安装 vue-cli

1、什么是yarn很多人熟悉npm，但是很少的人熟悉yarn，yarn可以说是一款高速的受BSD开源协议保护的依赖管理器，使用它可以根据算法计算下载依赖的完整性来执行对应的代码，其中文官网为：https://yarn.bootcss.com/有兴趣可以仔细参阅。2、安装yarn2.1、常规node安装npminstall-gyarn||cnpminstall-gyarn根据国内的网络情况，npm源

stormKid·2020-08-23 23:59

关于less安装

vue-cli构建的项目默认是不支持less的，需要自己添加。

Chris__Liu·2020-08-23 22:56

vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，

通过vue-cli创建的本地任务在执行时提示错误vue:无法加载文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。

今天写了亿个bug·2020-08-23 22:08

如何优雅的启动一个Vue项目

安装vue-cli脚手架构建工具在命令行中运行命令npminstallvue-cli-g，然后等待

IT散人·2020-08-23 22:17

Vue-cli引入Zepto.js

Vue-cli引入Zepto.js过程以及报错解决(Vue-cli2)如有朋友需要在Vue-cli3中引入Zepto请看我另外一篇博客附上链接：https://blog.csdn.net/wzyxdwll

wzyxdwll·2020-08-23 21:45

Vue-cli3集成zepto

Vue-cli3集成zepto由于许多朋友看到我之前的博客(Vue-cli集成zepto)，这篇博客是基于Vue-cli2配置的。现在大部分朋友使用的应该是Vue-cli3。