Vue-Cli

系统性学习vue-vue核心

做了三年前端,但很多系统性的知识没有学习还是从头系统学习一遍吧课程是b站的Vue2.0+Vue3.0课程后续还会学习的如下,就重新开一篇了,不然太长,之后放链接vue组件化编程vue-cli脚手架vue
aqiu~·2024-01-13 10:50

compression-webpack-plugin报错问题

vue-cli项目中使用compression-webpack-plugin版本问题报错，查阅资料才知道是因为在执行npminstall时安装了最新的版本，你只需要npminstall--save-devcompression-webpack-plugin
前端打工仔小剑儿·2024-01-13 06:43

关于vue-cli的一些整理

vue脚手架1、如何引入插件修改build/webpack.base.conf.js文件，varwebpack=require("webpack")//1.确保引入webpack，后面会用到module.exports={...resolve:{extensions:['.js','.vue','.json'],modules:[..],alias:{...//2.定义别名和插件位置'jquery
_conquer_·2024-01-13 04:22

vue-cli如何新增自定义指令？

1.创建局部指令varapp=newVue({el:'#app',data:{},//创建指令(可以多个)directives:{//指令名称dir1:{inserted(el){//指令中第一个参数是当前使用指令的DOMconsole.log(el);console.log(arguments);//对DOM进行操作el.style.width='200px';el.style.height='
alanwhy·2024-01-12 23:00

Web前端 ---- 【Vue3】Proxy响应式原理

安装Vue3项目相较于vue2通过vue-cli脚手架来创建项目，这里更推荐使用create-vue来创建vue3的项目。vue-cli是基于webpa
软工不秃头·2024-01-12 22:48

Vue项目的创建（详细步骤）

Vue项目的创建1.安装node.js2.安装cnpm3.安装vue-cli脚手架构建工具4.用vue-cli构建项目5.安装项目所需的依赖6.运行项目vueinitwebpack、vuecreate创建项目产生的项目文件区别说明项目目录结构
Little_Star*·2024-01-12 20:28

vue-cli 3.0配置

在vue项目根目录下新建vue.config.js,添加如下内容module.exports={devServer:{port:8000,//端口号host:'localhost',https:false,//https:{type:Boolean}open:true,//配置自动启动浏览器proxy:'http://localhost:58156'//配置跨域处理,只有一个代理}}其他配置细节还
凝碧_0e80·2024-01-12 14:27

Vue入门五（Vue-CLI项目搭建｜vue项目目录介绍｜vue项目开发规范｜es6导入导出语法）

文章目录一、Vue-CLI项目搭建介绍node环境搭建1)下载与安装2）测试是否安装成功安装vue-cli安装vue脚手架创建Vue项目1）使用命令创建项目2）使用图形化界面创建项目二、vue项目目录介绍
0Jchen·2024-01-12 09:13

怎样创建vue项目(分别基于vue-cli和vite两种的创建方式)

一、基于vue-cli脚手架创建1、安装node.js1、首先需要安装node.js，推荐下载地址：Node.js2、检查是否安装成功，使用打开黑窗口的快捷键window+R，输入cmd，在黑窗口输入node-v
czy陈泽宇·2024-01-12 07:41

Vue3：vue-cli项目创建及vue.config.js配置

一、node.js检测或安装：node-vnode.js官方二、vue-cli安装：npminstall-g@vue/cli#ORyarnglobaladd@vue/cli/*如果安装的时候报错，可以尝试一下方法删除
米柆·2024-01-12 02:59

Vue-cli

Vue-CLI项目搭建1单文件组件单文件组件—Vue.js2Vue-CLI项目搭建2.1环境搭建-安装node官网下载安装包，傻瓜式安装：https://nodejs.org/zh-cn/-安装cnpmnpminstall-gcnpm
-wellplayed-·2024-01-11 16:52

2024年Vue 3学习笔记：Vu3基础的完整指南

文章目录开篇总结1.创建Vue3工程1.1【基于vue-cli创建】1.2【基于Vite创建】（Vue官方推荐）1.3【基于Vite官方create-vite创建】2.Vue3语法核心2.1【拉开序幕的
放荡不羁的小雨鸽·2024-01-11 05:33

搭建Vue项目【最后附Mint】

vue文档：https://cn.vuejs.org/v2/guide/1、检查npm和node版本node.js下载地址：http://nodejs.cn/download/图1查看版本号2、全局安装vue-cli
Mandy肉肉·2024-01-11 02:23

webpack之proxyTable设置跨域

在平时项目的开发环境中，经常会遇到跨域的问题，尤其是使用vue-cli这种脚手架工具开发时，由于项目本身启动本地服务是需要占用一个端口的，所以必然会产生跨域的问题。
胡儒清·2024-01-10 19:42

Vue2项目后台管理重构为Vue3的流程与总结

element-plus等项目所需要的依赖四、将组件的选项式写法删除，在script里加入setup语法糖，按需引入ref，computed等来定义数据和方法五、项目迁移中一些BUG一、新建项目，确定脚手架版本第一种方法(Vue-Cli
飞翔的大野猪·2024-01-10 15:52

vue路由及参数router

创建vue项目前，检查系统是否具备创建项目的条件（是否已经安装好了node.js、webpack、vue-cli）。cmd打开终端。
令狐少侠2011·2024-01-10 12:13

Vue入门

第01天_Vue入门学习路线图:HBuilderX工具的使得->了解Vue工作原理->模板语法->组件化->vue-cli完整项目开发1.Vue介绍Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架
Pwsifeng·2024-01-10 09:20

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

npminstallhttp-server-g使用http-server在vue-cli的默认配置中,把assetsPublicPath:'/'改成assetsPubli
ExecuteY·2024-01-10 09:38

vue-cli的简介

1.安装脚手架工具vue-cli（命令行）全局安装vue-cliMac打开终端，windows打开命令行工具输入npminstall--globalvue-cli创建一个基于webpack模板的项目输入
nzdnllm·2024-01-10 02:19

解决ERROR in Conflict: Multiple assets emit different content to the same filename index.html 的问题

一、所遇问题简述：1、问题描述：在用vue-cli正常来创建新的基于vue2框架的项目，在安装好node-modules之后，运行命令‘npmrunserve’,报错情况如下：ERRORinConflict
懒鱼七忆·2024-01-10 00:21

Vue-Cli 自定义指令

使用Vue框架开发的同胞们在非常愉快的使用vue内置指令的同时，有时候因为业务的原因，难免想动一动DOM的底层，这时候，vue为我们提供了自定义指令的权利。那么自定义指令，当然得区分时局部定义还是全局定义(比如我们需要定义一个元素获取焦点时的指令)：局部定义指令：局部定义需要在单文件组件中的dirctives中进行directives:{focus:{/**在绑定元素插入DOM中定义*/inser
前端驿站·2024-01-09 23:27

vue-cli 的单元测试

前言：关于vue-cli的单元测试之路一安装首页我们在安装的时候要注意一些步骤（先确保你已经安装了node）1.安装vue-clinpminstall--globalvue-cli输入vue-V如出现版本号证明已经安装成功
张益达_pearl·2024-01-09 23:04

vite 如何设置 pwa，让网页类似 app 那样运行，使用插件 vite-plugin-pwa

vue-cli环境时是这样实现的：Vue3PWA如何配置今
十月ooOO·2024-01-09 19:50

Node的下载安装及路由

除了要注意中间要选择安装位置其他直接点[Next]就可以，最后点[Install]和【Finish】三，环境配置1、查看自己安装是否成功打开命令窗口输入：node-v//显示node.js版本npm-v//显示npm版本2、安装vue-cli
码农在路上—·2024-01-09 18:20

Vue2：脚手架Vue-CLI的使用

一、环境准备vue脚手架（vue-CLI）的使用是基于nodejs环境下的。
生产队队长·2024-01-09 11:48

Vue2：修改默认配置的方法

一、前情概要之前我们说到，用vue-cli创建vue项目之后，项目结构大概是这样的。其中，标红部分的文件是非常重要的结构文件，不建议修改文件名。但是，实际上了，vue是允许修改的。
生产队队长·2024-01-09 11:48

React-项目构建与组件详解

React团队推荐使用create-react-app（相当于vue的vue-cli）来创建React新的单页应用项目，它提供了一个零配置的现代构建设置。
秃头请走开·2024-01-09 10:12

Vue3 快速上手-基于Vue2基础

Vue3快速上手-基于Vue2基础前言Vue3快速上手1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli
不爱吃奶昔（zsl0）·2024-01-08 19:15

vue老项目升级vue-cli3.0问题总结【转发】

升级步骤1、删除原vue-cli并安装vue-cli3.02、删除新项目中src下的内容，把原项目中src目录覆盖到新项目中3、把router从目录文件夹改为文件，src/router/index.js
三省吾身_9862·2024-01-08 07:18

【一】使用vue-cli创建vue3的helloworld项目

不再推荐使用vue-cli命令创建vue3的项目，vue-cli是Vue早期推出的一款脚手架，使用webpack创建Vue项目。
恋上钢琴的虫·2024-01-08 06:31

[vue] Vue packages version mismatch 报错解决方法

在用vue-cli创建project时，vuecreateproject出现了vuepackagesversionmismatch的报错/usr/local/lib/node_modules/@vue/
han__sha·2024-01-08 04:17

vue.js之vue-cli中使用less

vue.js之vue-cli中使用less1.首先，安装less和less-loader，在项目目录下运行如下命令npminstalllessless-loader--save-dev2.在配置文件build
一个小前端程序员·2024-01-08 01:44

Vue入门

一.安装vue-cli(第一次使用的时候进行安装)2.Npmi-gvue-cl3.Npmiwebpack-g4.Npmiwebpack-cli-g5.创建项目（Vuecreate项目的名字）6.如果出现这个就是
yangyang丫·2024-01-08 01:35

vue-cli配置静态路由(vue-router)

分三部完成涉及文件:router目录下index.js和staticRouter.js,以及入口文件main.js一:staticRouters.js中代码如下:为了方便管理,静态路由的配置在单独文件管理//引入组件写法一:constindex=()=>{returnimport('./../components/index')}//引入组件写法二://constindex=function(){
这世界反了·2024-01-07 21:46

vue3-vue-router创建静态路由和动态路由

htmljavascriptVue-cli项目中使用router动态路由App.vue主页面遇到的一些问题根据官网代码搭建router遇到了很多问题1.html是指用于HTML文件里的javascript卸载js文件里Vue-cli
qq_41387775·2024-01-07 21:43

《Vue3 前端构建工具》 Vue-cli 与 Vite 创建项目的插件和配置对比

然而我的Vue3升级一再拖延（惭愧不已）~赶起来吧~今天用vue-cli和vite分别创建了Vue3项目，具体实现步骤见如下两篇。
AvatarGiser·2024-01-07 17:12

Webpack项目学习：Vue-cli（脚手架）-优化配置 -ui库element-plus+减小打包体积 -按需加载+自定义主题+优化

安装npmielement-plus全部引入，在入口文件main.js启动：npmstart按需引入需要插件快速开始|ElementPlus(gitee.io)npminstall-Dunplugin-vue-componentsunplugin-auto-import//ESLint先引入constESLintPlugin=require('eslint-webpack-plugin');//N
¡Venceremo·2024-01-07 15:49

使用vue-cli创建项目模板

打开终端（我用的是gitbash,windows下）cd~/Desktopnpminstall-gvue-cli全局安装vue-clivueinitwebpackblog-client提示（vue命令不能使用，网上有其他解决办法，这里不使用）参照官网工程创建npminstall--global@vue/cli全局安装@vue/cli运行vueinitwebpack你的项目名称提示如下：1.pngn
王童孟·2024-01-07 11:02

53、浅谈vue项目打包优化策略

使用vue-cli部署生产包时，发现资源包很大，打包后的vendor.js达到了1.4M，这已经很大了，而且会影响到首屏加载。那么，怎么优化呢？1.组件按需加载这是首先可以优化的点。
world_7735·2024-01-07 10:01

前端项目笔记

SGG前端项目1、新建文件夹利用vue-cli脚手架搭创建一个新的项目，打开终端，定位到桌面，然后再进行创建，不然可能会出现找不到新建的项目文件夹~%cddesktopdesktop%vuecreatereview2
tptx·2024-01-07 09:11

解决Vue打包后背景图片路径错误问题

解决Vue打包后背景图片路径错误问题1.原因解析当用vue-cli自动构建项目后，有两种运行方法，分别是：npmrundev:提供一个开发的环境，自动热更新，资源使用绝对路径，所以可以正常看到背景图片。
云城雪华·2024-01-07 09:10

vue 打包css路径不对_vue-cli 打包后CSS background不显示，图片路径错误问题

这个问题很多同学都会碰到，问题原因点我下面给出解决方案先看项目的的结构：在Solution.vue组件中，CSS里定义了background，图片路径使用相对路径，Solution.vue相对于img的路径为../assets[css].banner{width:100%;height:600px;padding:140px20px;-webkit-box-sizing:border-box;bo
weixin_39633437·2024-01-07 09:40

将vue-cli的webpack配置独立输出

vueinspect--mode=development>webpack.dev.jsvueinspect--mode=production>webpack.dev.js如果vue没有全局安装，并且使用了vue-cli
大猫会长·2024-01-07 03:00

vue 项目 在main.js引入scss文件时报找不到文件的异常（确定路径正确）

解决：新版本的vue-cli已经帮我们把sass-loader配置好了，放在util.js里面了前面我们通过cnpminode-sasssass-loader-D安装好了scss依赖并在build文件夹下的
是阿信ya·2024-01-07 03:49

饿了么（elementUI）组件库如何在vue项目中使用？

Element-Theworld'smostpopularVueUIframeworkhttps://element.eleme.cn/#/zh-CNelementui是做PC项目的首选创建项目并引入element组件库用vue-cli
标题只用h1·2024-01-06 22:23

VUE大屏数据实战

根据B站朝夕教育的芳芳老师的视频写的：B站视频安装vue-cli脚手架构建工具vue-cli提供一个官方命令行工具，可用于快速搭建大型单页应用。
哎亚亚哎亚亚·2024-01-06 19:15

vue项目中线上环境去掉console.log

vue-cli：2.5在vue项目本地调试过程中，为了查找问题，我们在代码里会写比较多的console代码，然后打包发布的过程中，做删除这个动作又太麻烦，所以可以利用webpack的插件，解决这个问题。
北暖37·2024-01-06 12:14

微信小程序mpvue入坑(2)之初始化及引入vant-weappUI——新增源码地址

之技术对比选型微信小程序mpvue入坑(3)之Promise封装wx.request及整合Api微信小程序mpvue入坑(4)之vuex使用微信小程序mpvue入坑(5)之组件封装初始化项目首先先构建一个项目#全局安装vue-cli
wocwin·2024-01-06 06:23

vue-cli3.0.0-rc.3与2.x的区别

安装启动等命令不一样npmi-gvue-clivueinitwebpack项目名称cd项目名称npmicnpmrundev//vue-cli2.xnpmi-g@vue/vue-cli或者yarnaddglobal
南蓝NL·2024-01-06 04:18

vue 项目 打包或者本地运行时 通过package.json 修改 环境变量

可以根据vue-cli官方提供的通过新增不同env文件来配置不同的环境变量之外也可以使用其他便捷的方式。
年年CODE·2024-01-05 19:03
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他