VUE-CLI 第42页

vue项目预渲染插件Prerender SPA Plugin,vue-meta-info的使用

潘鹏i·2023-03-23 17:26

vue项目防止别人看到源码的方法

用vue-cli做的项目就可以解决这个问题。修改config/index.js文件。把productionSourceMap:true。改为false。改好之后在打包，这时候你的代码就是加过密

_feest·2023-03-23 12:29

uni-app 打包H5给js文件添加时间戳

uni-app的配置文件中，没有可以配置导出js的相关配置，还好我们的项目主要还是用vue-cli搭建的，可以直接使用vue的vue.config.js来进行配置，下面直接给出配置代码：直接在项目package.json

Liebling_zn·2023-03-22 17:43

vue-cli生成项目，添加eslint+prettier+commitlint

查看vue-cli版本vue-cli创建项目vuecreatedemo或如下图（解决window下光标无法上下选择问题）选择Manuallyselectfeatures选择Lint/Formatter其他根据自己情况选择

weixin_43316570·2023-03-22 14:38

vue按需引入ant-design-vue报错解决方案

通过vue-cli创建的应用，安装了ant-design-vue,并通过babel-plugin-import进行按需引入。

一通·2023-03-22 12:18

vue-cli项目在手机上查看页面效果

照图片修改config，然后在终端运行：“npmrundev--host=192.168.10.154”，host后面是电脑的IP地址，然后在手机浏览器上输入你的IP即可同步查看页面效果。（MAC在终端运行ifconfig可以查看本机ip）

uwenyi·2023-03-22 00:16

webpack5 高级配置

虽然在日常开发中，我们使用vue和react框架，它们的脚本架vue-cli和react-react-app会帮我们配置最基本的webpack，但我们了解webpack的一些配置，会让我们在需要特定个性化配置时不至于手忙脚乱

miao8862·2023-03-22 00:46

在vue-cli中安装scss，且可以全局引入scss的步骤

在写vue的css样式时，觉得需要css预处理器让自己的css更加简洁、适应性更强、可读性更佳，更易于代码的维护，于是在vue-cli脚手架采用scss。

独行侠_ef93·2023-03-21 22:11

vue教程(vue-cli 2.0)

声明:所有文章都是转载整理的,只是为了自己学习,方便自己观看,如有侵权,请立即联系我,谢谢~Vue-渐进式JavaScript框架介绍vue中文网vuegithubVue.js是一套构建用户界面(UI)的渐进式JavaScript框架库和框架的区别我们所说的前端框架与库的区别？Library库，本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者代表：jQueryjQu

是河兔兔啊·2023-03-21 19:51

项目搭建

使用vue-cli（vue脚手架）快速搭建项目下面整个过程是基于已经安装node.js和cnpm的基础上，node.js如何安装就不在这里详说了。

墨芊baby·2023-03-21 17:01

使用命令行工具npm新创建一个vue项目

只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目

凉柠_da5d·2023-03-21 15:33

vue 安装sass，运行后报错loaderContext.getResolve is not a function

今天自己搭建vue-cli框架，安装了element-ui，运行没有任何问题，修改了下样式，为了避免修改ele里面组件的样式出现样式污染，想着装个sass写嵌套的，这样既方便又能很好的解决问题，那么动起来

Domino_2018·2023-03-21 13:00

vuejs项目性能优化总结

(下面的优化建议只在vue-cli脚手架下做过测试，详情请参考)1.代码包优化屏蔽sourceMa

DreamofLimb·2023-03-21 11:11

报错：SyntaxError: Unexpected keyword 'const'. Const declarations are not supported in strict mode.

上篇文章新建工程时，webpack-dev-server使用的新版本2.9.1，所以遇到了新的问题，如下：用vue-cli脚手架新建出来的项目里面的webpack-dev-server版本高于2.7.1

小鱼_xiaoyu·2023-03-21 10:02

Hbuilder打包app按返回键直接退出

问题背景描述：使用vue-cli搭建脚手架开发的项目，webpack打包之后用Hbuilder打包apk，安装之后点击安卓物理返回键，app会直接退出，返回不了上一页解决办法：1.新建一个global.js

爱吃爱睡的刘月半·2023-03-21 09:28

2020-06-17 vue-cli4+ 安装配置

vue-cli官网地址：https://cli.vuejs.org/zh/config/#publicpath1、安装与配置安装安装@vue/cli脚手架（现在vue都升级为@版本了）可以使用下列任一命令安装这个新的包

潜渊_bc21·2023-03-21 08:09

vue路由组件按需加载的几种方法

1.普通加载使用vue-cli构建项目后，我们会在Router文件夹下面的index.js里面引入相关的路由组件,如：importHellofrom'@/components/Hello'importBoyfrom

前端小兵·2023-03-21 00:05

vue-cli中使用prpos、$emit

vue-cli中如何使用props引入子组件1.png配置子组件2.png渲染子组件并添加动态isShow3.pngdata中设置show4.png添加事件5.pngmethods设置事件6.png子组件设置

卓小生·2023-03-20 18:50

解决electron打包下载依赖超时，报错等问题

一、vue项目引入electron-builder这里相当于前言使用vue-cli构建electron应用，使用vueaddelectron-builder，添加打包工具，安装成功后，去（package.json

VinSmokeW·2023-03-20 16:26

使用vue2.x+webpack+vuex+sass+axios+elementUI等快速搭建前端项目框架

一、本文将分享如何快速搭起基于webpack+vue的前端项目框架，利用vue的自己的脚手架工具vue-cli搭建起基本的环境配置，再通过npm包管理工具引入相应的依赖来完善项目的各种依赖框架。

weixin_30687051·2023-03-20 11:04

Vue3 脚手架工具Vite之源码解析

1.前言美国时间2021年10月7日早晨，Vue团队等主要贡献者举办了一个VueContributorDays在线会议，蒋豪群[1]（知乎胖茶[2]，Vue.js官方团队成员，Vue-CLI核心开发），

硅谷干货·2023-03-20 07:51

2019-06-30第四天

2.1.使用vue-cli创建模板项目2.1.1.说明1）vue-cli是vue官方提供的脚手架工具2）github:https://github.com/vuejs/vue-cli3）作用:从https

您的名称已被使用·2023-03-20 04:33

vue-cli插件开发 -- 弹框

1、新建弹框页面dialogPlugin.vue/***Createdbyluffyon2018/9/4.*/系统提示{{content}}{{btnText[0]}}{{btnText[1]||btnText[0]}}exportdefault{name:'dialogPlugin',data(){return{showDialog:true,//控制关闭弹框type:1,//1无标题;2有标题

一杯柠檬可乐·2023-03-20 00:34

实现create-osdoc-app脚手架

我们知道，在小公司很少有时间有精力从0到1基于webpack去封装一个类似于create-react-app、vue-cli、UmiJs之类的脚手架，更多的是我们基于上述的轮子二次封装服务于我们实际业务的应用模板

w候人兮猗·2023-03-19 23:12

1. 开始搭建环境

安装git，webpack,vue-cli

论宅·2023-03-19 21:03

vue cli 4.0.5项目搭建及配置

1.安装vue-cli(1)卸载旧版本npmuninstall-gvue-cli(2)安装新版本npminstall-g@vue/cli2.搭建项目(1)切换淘宝镜像cnpmnpminstall-gcnpm

忘我怎么解·2023-03-19 17:39

Docker+Nginx解决跨域发布Vue项目到生产环境

前言使用vue-cli脚手架构建的vue工程在开发时可以使用npmrunserver愉快地进行开发，遇到后端接口需要跨域访问时使用devServer.proxy完成代理配置即可。

袁志健·2023-03-19 15:15

@vue-cli全局安装失败

@vue-cli全局安装失败1.错误代码```npminstall-g@vue/cli```2.错误信息3.错误原因:没查到4.解决方法:根据上面的目录找到@vue这个目录,然后删除掉C:\Users\

爱吃番茄的小菜鸟·2023-03-19 15:35

使用vue-cli开发shopify第三方应用在ie的兼容性问题

要使用其提供的一系列库来获取shopify商店里面的产品,其中babel-plugin-graphql-js-client-transform这个库在ie无法使用,这时候就需要用babel来处理了解决vue-cli

kkopitehong·2023-03-19 06:01

vue-cli开发使用babel-polyfill兼容ES6

安装npminstallbabel-polyfill--save-dev使用找到webpack.base.conf.js文件，修改入口如下module.exports={entry:{app:['babel-polyfill','./src/main.js'],},

一杯柠檬可乐·2023-03-19 04:26

vue-cli学习笔记

?xmlversion="1.0"encoding="UTF-8"?1、vue的脚手架2、自动做好开发时所需要的环境和结构目录3、vue初始化（git文档，webpack）4、使用npmrunbuild进行打包，生成一个dist的文件目录，上传到服务器的目录

lv叁叁·2023-03-19 03:50

vue（1）

nodejs.org/en/配置参考https://www.cnblogs.com/clschao/articles/10650862.html安装vue.js打开cmd命令框，输入npminstallvue安装vue-cli

_NineSun旭_·2023-03-19 03:02

vue-cli webpack 优化

跟着Vue-cli来'学'并'改'Webpack之打包优化https://juejin.im/post/5a337a1f6fb9a0452b4949e0http://git-lt.github.io/2018

牙牙and小尾巴·2023-03-19 02:36

Vue-cli——key&$nextTick()&$set()&$foceUpdate()&自定义指令&自定义插件

一、key列表渲染时，key值最好是对象的唯一属性值，比如：学号，工号，身份证号，手机号等等。目的是：当列表更新时，提高后期的渲染性能。因为vue在渲染数据时，先将数据生存一份虚拟DOM，再将虚拟DOM生成对应的真实DOM挂载到页面中当vue中的数据修改后，会重新生成一份虚拟DOM，并跟之前的虚拟DOM进行匹配，如果两份虚拟DOM中的key和key对应的值完全相同，不会重新生成对应的真实DOM只有

我的安娜有点菜·2023-03-18 23:02

关于构建webpack构建工具在vue框架中搭建多入口多环境的方法

因公司需求需要开发一个统筹型管理后台，多个项目一体的那种，所以想到了用vue-cli构建一个多入口，多项目在同一个vue框架中的方法，不管是development生产环境还是product正式环境，都可以在同一个

夜色_a393·2023-03-18 18:46

index.js?3c69:4 Uncaught TypeError: Object(...) is not a function

引入vant时持续报错：image.png1、vue中引入vant时报标题上错误，很大原因是引入vant版本不对，注意你Vue的版本而不是VUE脚手架(vue-cli)版本,查看vue版本命令：npmlistvueimage.png2

楠楠_c811·2023-03-18 17:50

2020-08-14 vue-cli搭建项目（1）-环境搭建

本文参考：vue-cli的安装及版本查看更新以及基于vue-cli3搭建一个后台管理系统框架1、Nodevue-cli3.x需要node.js版本为8.9版或者更高的版本，点击这里可以安装node安装过

飞天宵夜·2023-03-18 16:23

vue-cli3构建一个项目

node-v查看v10.8.0显示node版本号,如果不存在node,直接npm下载一个就可以.安装好node后,直接下载vue-cli3,因为vue-cli3内置模块里有webpack,所以可以直接进行下载vue-cli

_刘小刘·2023-03-18 16:12

vue-cli与服务端交互

实现前端UI与服务端交互，大致流程如下：UI调用统一管理的api请求；使用封装的request.js发送请求；获取服务端返回数据；更新数据;先从第一步开始，统一的api请求都放到/src/api文件夹中，按照模块拆分文件，如下：src/api/login.jsarticle.jsindex.js...列如login.js的api代码importrequestfrom'@/utils/request

Memory_2e2e·2023-03-18 14:10

MAC-VUE创建环境

1.下载node.js2.安装vue-cli，在终端输入：sudonpminstall-gvue-cli3.安装webpack模板，并设置工程信息在终端输入：vueinitwebpacktest注释：test

RWN4444·2023-03-18 12:16

Git

registry=https://registry.npm.taobao.org//下载cnmp下载速度cnpm=npm2.创建项目//安装webpacknpminstallwebpack-g//安装vue-cli

久伴你_e537·2023-03-18 12:08

Please delete it and re-run vue-cli in manual mode.

我之前写vue3的项目的时候vue-cli的版本跟高，后来写vue2项目的时候将VueCli版本降为了3.x版本之后，再次创建新的Vue项目，报以下错误：image.png意思：需要将~/.vuerc文件删除文件路径

兜兜里冒糖糖·2023-03-18 10:20

vue常用插件和配置

1.使用vue-cli创建项目vueinitwebpackvue-element-admin1.1启用scss/build/utils.js文件写了自动配置的代码，所以直接安装node-sass和sass-loader

令狐铁蛋·2023-03-18 04:16

关于vue-cli 3配置打包优化要点

本文同步更新于我的个人博客点击前往。如果对您有帮助,请为我点个小星星。首先说下我目前已经做的优化点,本文是在此基础上做的进一步优化:配置路由懒加载,封装了异步组件引入的方法,接收一个地址做参数/***返回异步组件*@tips请注意页面只能挂载在views文件下,非此路径请勿使用*/constAsyncComponentHook=(path:String):Function=>():any=>{//

Echi灬丨无痕·2023-03-18 02:58

搭建Vue+Express双模板脚手架03

Express脚手架能够初始化的项目代码结构为：vue&Express目录结构.jpg前后端分离，相互独立，相当于两个微服务，这里的server就是在02中经过改造后的后端目录结果，webapp就是使用Vue-cli

彩云Coding·2023-03-17 22:59

Vue axios调用第三方接口跨域解决

target:'https://api.douban.com',changeOrigin:true,pathRewrite:{///v1将代表target/v1'^/v1':'/v1'}}}2.因为在新版的vue-cli

FLYMOTH·2023-03-17 22:21

实现一个Node CLI

目前在市面上存在很多脚手架，如：create-raect-app、vue-cli。我们可以通过一行简单的命令，就能创建一个基本的项目工程，大大的提高了开发效率。

alfalfaw·2023-03-17 17:54

vite + vue3多页面配置记录references,loadEnv等

目的：使用vite创建vue3项目记录细节点上篇vue2/vue3+webpack多页面遇到的问题和思考我们使用vue-cli搭建项目都是使用webpack打包的，现在对比一下vite感受一下极速开发体验增

云鹤道人张业斌·2023-03-17 12:19

vue轮播图插件：vue-awesome-swiper

先用vue-cli新建一个项目npminstallvue-awesome-swiper--save(-S)等待安装，安装完后package.json中添加上了vue-awesome-swiper"dependencies

忆滴·2023-03-17 12:46

element-ui —— table 前端缓存手动改变列宽值

用vue-cli做项目，引用elementUI组件，实现如下列表。要求记录用户手动改变的列宽，后台记录的话还要建库存储，就让前端缓存记录。

一名有马甲线的程序媛·2023-03-17 11:03

推荐频道

VUE-CLI