VUE-CLI 第44页

vue-cli（vue脚手架）超详细教程

都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事件、取消事件。。。。（确实很烦）。vue的官方文档还是不错的，由浅到深，如果不使用构建工具确实用的很爽，但是这在实际项目应用中是不可能的，当用vu

SilenceJude·2023-03-10 16:20

4.1 vue-cli核心插件(1)——vue-router

vue-router官方文档：https://router.vuejs.org/zh/installation.html·使用方式：1.安装：npmiinstallvue-router-S2.在src下新建router文件夹，创建index.js,并在main.js中引入。3.在main.js中将安装的路由插件Vue.use(Router)，传递给Vue的实例options中。4.在App.vue

绪方_sky_R·2023-03-10 10:15

vue-cli4环境搭建

官网地址https://cli.vuejs.org/zh/guide/安装和vue-cli3.0的是一模一样的，对比了一下3.0的脚手架，除了目录发生变化一些，其他的都一样旧版本VueCLI的包名称由vue-cli

闭眼思回忆·2023-03-10 09:39

vue-cli移动端项目自动将px转化为rem(可适配大屏)

1、安装lib-flexiblenpmilib-flexible-D2、在main.js中引入import'lib-flexible/flexible'3、在index.html文件中设置meta标签:4、然后在项目中写css时会自动将rem转化为px,需要安装px2rem-loader这个工具npmipx2rem-loader-D5、修改配置文件5.1vuecli2有build文件夹/build

抽疯的稻草绳·2023-03-10 04:33

手把手教你搭建规范的团队vue项目，包含commitlint，eslint，prettier，husky，commitizen等等

1，前言本文主要分享一个项目的规范约束从0到1的流程，从通过vue-cli创建项目，到团队协作插件安装（husky、eslint、commitlint、prettier等）。

上进的鹏多多·2023-03-10 03:56

48、element-ui更换主题和按需引入组件

前言手上有些项目用的element-ui，刚好有空琢磨一下怎么减小打包文件大小和打包速度方面，为了演示实验，用vue-cli生成初始项目，在这仅对element-ui主题和组件方面来优化。

world_7735·2023-03-10 00:12

手把手教你用vue-cli构建一个简单的路由应用

十分钟上手-搭建vue开发环境（新手教程）https://www.jianshu.com/p/0c6678671635开发环境搭建好之后，那么开始新添加一些页面，构建最基本的vue项目，本章会手把手教你用vue-cli

祈澈菇凉·2023-03-10 00:03

使用vue-cli搭建项目

vue-cli是基于nodejs+webpack封装的命令行工具。你可以理解为汇集了各种命令的bash，或者bat。---所以在全局安装脚手架之前，要先全局搭建node以及webpack环境。

白开水和咖啡·2023-03-09 23:42

| 基于 vue 脚手架（版本过渡）构建项目

参考官方vue-cli：https://cli.vuejs.org/zh/guide/第三方https://www.cnblogs.com/wisewrong/p/6255817.html要点安装好VueCLI

Hemingway_AT·2023-03-09 21:16

vue-cli3.0配置各环境下请求域名

1、在根目录新建四个文件项目跟路径.png1.1（.env文件）初始化设置全局对象process.env属性vue-cli中规定，只有以VUE_APP_开头的变量会被webpack.DefinePlugin

FE晓伟哥·2023-03-09 20:35

Vue基础项目模板搭建

背景：做业务，总是免不了面对那些快速开发的需求，快速开发意味着给开发者的时间不多，如果有一套基础的模板存在，就可以省掉不少前期的工作，而专心于业务的开发为什么需要一个基础模板这个问题实际问的是，vue-cli

单调先生·2023-03-09 18:09

Vue项目：不断提示Cannot find module 'xxxx'，安装一个后又提示Cannot find module '其他模块'

问题描述：在Vue-cli环境中，本来是正常的，安装了vuex之后，开始报错：Cannotfindmodule'webpack'安装webpack模块后，又报错：Cannotfindmodule'webpack-merge

曲凡学习笔记·2023-03-09 16:27

electron-vue踩坑记录

drneilc·2023-03-09 08:14

html+vue单页面应用(SPA)实践

记录一下去年年底做的一个小项目，用vue做的一个单页面应用，活动涉及页面5个，应该也不算小的单页面应用吧~我们大部分人用vue做单页面或多页面项目都是直接用webpack和vue-cli脚手架一键创建，

Ever月亮·2023-03-09 05:00

在VUE中使用bookreader 插件

不能说直接使用npminstallXXXX来使用,这玩意是基于jquery开发的,因此,要在vue中使用,就必须将相应的静态文件都给引入到项目下面;1首先看看需要的文件:1官网链接2代码地址2准备工作:1用vue-cli

WestLonely·2023-03-09 03:12

Vue多页面配置打包性能优化方式(解决加载包太大加载慢问题)

问题描述及解决方案1.多入口存在的问题2.我的预期效果3.可行方案二、方案一:打公共chunks,单独分离各自的ui库三、方案二:删除默认splitChunk配置，抽离公共资源四、方案对比总结通常我们使用vue-cli

·2023-03-09 00:04

Vite 会取代 Vue-cli 吗？

Vue-cli一直是vue2默认的官方脚手架工具，并且它是基于Webpack开发的；vue3发布后，尤大同时也发布了Vite，那么Vite和Vue-cli应该怎么选呢？

Baobao小包·2023-02-28 06:24

Vue中引入使用 babel-polyfill 兼容低版本浏览器的方法

babel.config.js中配置1.4在vue.config.js（新增）配置transpileDependencies2.vue-cli2.x中配置babel转换拓展：关于Babel简介注意：本文主要介绍的vue-cli

·2023-02-27 18:20

用 nodejs 搭建脚手架

1前言1.1像我们熟悉的vue-cli，taro-cli等脚手架，只需要输入简单的命令taroinitproject，即可快速帮我们生成一个初始项目。

语无伦次￥！·2023-02-26 03:47

如何将vue2项目重构成vue3《后台管理系统》

创建vue3文件vue-cli●安装并执行create-vu

爱敲码的老余(已秃）·2023-02-24 16:48

Vue.js 系列教程 3：Vue-cli，生命周期钩子

在这一部分，我们将学习Vue-cli，还会涉及真实的开发流程。这不是一个完整的指南，而是基础知识的概述，所以你可以了解Vue.js以及它的用途。

barnett_y·2023-02-24 16:16

vue脚手架项目的详解

文章目录VueCLI简介安装vue-cli创建项目启动项目打包项目项目结构对Vue不同构建版本的解释完整的版本信息术语运行时+编译器vs.只包含运行时开发环境vs.生产环境模式单文件组件为什么需要单文件组件什么是单文件组件

萧寂173·2023-02-23 13:22

element-plus和vue3+vue/cli按需导入-自动导入

说明：vue-cli创建的项目中如何按需引入element-plus的方法，主要是配置config(vuecli配置的是vue.config.js)步骤0.前提条件，你项目得先安装element-plusnpminstallelement-plus

adrainHsu·2023-02-23 10:32

毕业设计--在线挂号系统APP（VUE）

术栈：Vue2+Webpack+MUI+Node.js(Express)+MongoDB技术要点：1.基于vue-cli来搭建单页

技术原力·2023-02-23 06:16

创建Vue-Cli脚手架

搭建项目：1.输入vueinitwebpack[名称]2.看图操作3.安装完后，进入目录cd[名称]后输入npminstall命令就可以了

正在努力的博主·2023-02-23 06:14

uni-app跨端开发微信小程序之HBuilderX项目实现多环境开发

本文先介绍如何将HBuilderX创建的uni-app项目转换成vue-cli项目，紧接着通过cross-env实现多环境的配置，最后通过配置文件和git分支实现不同环境下不同需求的多变开发。

yilingsj·2023-02-22 05:36

JavaScript/vue-cli配置文件分析笔记

执行npmrundev或者npmrunstart，实际是在node环境执行build/dev-server.js,dev-server.js会去拿到config中的端口等配置，通过express起一个服务，通过插件自动打开浏览器，加载webpack编译后放在内存的bundle。//执行npmrunbuild，实际上执行了build/build.js,通过webpack的一系列配置及插件，将文件打包

joker731·2023-02-19 07:48

【vue】9.3 VUE3.0+elementUI搭建脚手架项目（vue-cli）

cdF:\workspace\vue_workspace\element-ui_demo_workspaceF:image.png更新本地vue:vuei-g@vue/cli创建vue项目vuecreateelement-ui_demo选择手动配置image.png选择你项目需要添加的功能:按空格键选中或者取消选中，按方向键的上下切换行。image.pngvue3.0解决了之前对TypeScrip

bobokaka·2023-02-18 23:09

Vue-CLI 3.X 部署项目至生产服务器

本教程主要讲解的是Vue-CLI3.x脚手架搭建的vue项目,先构建生成dist文件(纯静态应用),然后自动化部署到静态文件服务器Nginx。一、Nginx服务器文件的配置server{listen80;server_namewww.xxxxxx.com;#生产环境location/{root/usr/local/www/xxx_program/;indexindex.html;try_files

sufaith_dev·2023-02-18 19:23

vue搭建笔记

请看教程Vue2.0史上最全入坑教程（上）——搭建Vue脚手架（vue-cli）www.jianshu.com/p/1626b8643…vue-cli安装教程www.jianshu.com/p/a9e741fe5

9979eb0cd854·2023-02-18 17:26

electron + vue构建桌面应用程序（1）——创建项目HelloWorld

参考文献electron-vue跨平台桌面应用开发实战教程因最近项目要求，构建一个桌面端应用程序，类似C/S端，结合Electron可以实现基于B/S端的桌面应用程序，现记录下入坑过程1.利用vue-cli

初见_JS·2023-02-18 17:45

vue构建的H5项目文件缓存引发部分机型白屏问题

原因分析在使用vue-cli脚手架构建完项目，项目完成后，需打包上线。默认打包方式则是npmbuild，项目根目录会生成dist文件夹。服务端将该文件夹替换线上即可。但

壹个亿·2023-02-18 11:03

@vue/cli脚手架按需引入elementUI

vue-cli更新到第三版,第二版的按需引入已经不适合了,第二版引入传送地址直奔主题vue-cli3引入elementui其实有三种方式:1.全局引入项目package.json同级目录执行vueaddelement

折叠幸福·2023-02-17 23:36

VUE学习笔记一（创建项目与axios）

青城墨阕·2023-02-17 22:26

兵哥 vue-cli

一、初始Vue-Cli1.安装npminstall-g@vue/cli#ORyarnglobaladd@vue/cli查看版本vue--version升级npmupdate-g@vue/cli#或者yarnglobalupgrade--latest@vue/cli2.创建几个组件2.1.父子组件之间传值//接收属性props:['goodses','carName','carPrice'],dat

野鸽儿·2023-02-17 20:14

"Unexpected end of JSON input while parsing near"报错的解决方法

最近用vue-cli工具新建vue项目时遇到一个报错信息，内容如下：image.png解决方法：命令行中运行如下命令：npmcacheclean--force执行后新建vue项目就可以了。

前端新阳·2023-02-17 20:27

【Vue】计算属性监听属性组件通信动态组件插槽 vue-cli脚手架

昨日回顾#1checkboxv-model只针对于input，做双向数据绑定-单选：选中或不选中选中就是true，不选中就是false-多选：数组，选了多个，把选中的value值放到数组中#2购物车案例-checkbox多选-插值可以放函数()把函数返回结果放在

passion2021·2023-02-17 16:00

M站开发总结

项目描述：多加网微信官微，项目使用vue脚手架（vue-cli），所用技术有chart、mint-ui、less、sass、vuex、vue-router等前端技术1、微信二次分享遇到的签名失败的问题，

baybay小童学·2023-02-17 16:41

一篇文章说清 webpack、vite、vue-cli、create-vue 的区别

webpack、vite、vue-cli、create-vue这些都是什么？看着有点晕，不要怕，我们一起来分辨一下。

自然框架·2023-02-17 13:26

vue学习01-vue-cli安装

1.安装node.js1.png2.安装vue-cli国内淘宝的镜像:$npminstall-gcnpm--registry=https://registry.npm.taobao.org安装脚手架：$

栗子daisy·2023-02-17 11:04

Vue项目引入Axios 插件（封装）

首先，在vue-cli项目的src路径下新建一个axios文件夹，在axios文件夹里新建aps.js和request.js，api.js用于写接口，对axios的封装写在request.js里，项目机构如图

刘_小_二·2023-02-17 10:49

vue-cli 2.9.6版本升级到3.0版本

1、vue-cli3.0升级失败，vue-cli卸载不掉，卸载了好几遍一直卸载不掉，气的扣脚，扣着扣着就冷静了，查查文档，尝试了好多方法之后找到了问题；原因是：可能和我电脑加固态我把node移动的原因，

爱果者_9bf4·2023-02-17 09:51

vue-cli的路由配置

vue-cli的路由配置vue-router路由管理路径引用组件：import组件名from组件路径使用router-link标签制作导航：//path是路由配置里面的路径vue-router配置子路由路由嵌套使用时要在父级菜单中使用标签的作用是为子组件提供插入位置

却道海棠依旧_4da8·2023-02-17 09:07

Vue-cli 4.x搭建Vue项目（以及安装electron）

Node版本要求：VueCLI需要Node.js8.9或更高版本(推荐8.11.0+)admin@admindeMacBook-Pro~%node-vv14.8.0安装脚手架npminstall-g@vue/cli查版本是否正确(4.x)：@vue/cli4.5.7官方安装文档：https://cli.vuejs.org/zh/guide/installation.html创建项目（cmd下执行命

月下丶初雨·2023-02-17 07:06

vue+vant自定义主题

最近项目用到了vue和vant，以及自定义vant主题，记录主要步骤点如下：1、首先需要全局安装vue-cli：npminstall-g@vue/cli2、创建vue项目vuecreatemy-app你会被提示选取一个

猫小六不是猫·2023-02-17 06:41

单页应用首屏加载速度慢怎么解决？

常用方法：首屏模块标签标记法统计首屏内加载最慢的图片的时间自定义首屏内容计算法借助第三方工具（pagespeed、vue-cli等等）其实很简单，并不需要我们手动

小靳小盆友i.·2023-02-17 02:19

Vue实战开发

Vue-cli搭建开发环境1.安装vue-cli脚手架mpminstallvue-cli-g2.初始化项目vueinitwebpackAwesomePos3.修改index.html首页服务申报2.0html

郭少华·2023-02-17 00:08

Vue-Cli—05.Vuex简单使用 / 自定义插件 / 自定义指令

一、初始化VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。如果一份数据需要在多个组件中使用，组件间传值又比较复杂，就可以使用vuex托管数据。1、安装npminstallvuex--save2、导入importVuefrom'vue'importVuexfrom'vuex'Vue.use(

萌新g·2023-02-16 21:34

vue打包之后生成一个配置文件修改接口

方法一在vue-cli里把我们需要配置修改的文件直接进行抽离，不让webpack把配置文件进行编译。

O槑頭槑腦·2023-02-07 09:23

Vue-Cli 访问静态文件

版本：D:>vue-V@vue/cli4.5.7目录结构image.png问题：无论如何设置，都无法访问/static的图片，百思不得其解！-解决：找了半天，发现根目录居然有一个/static的文件夹，事实上，vue的静态文件是放在/public/static里的，这个长在根目录下的/static是怎么来的？？？原因未知。这下就好办了，把图片挪到/public/static里，一切正常。结论：/p

Rockage·2023-02-07 05:40

推荐频道

VUE-CLI