VUE-CLI 第27页

Vue练手项目(一):环境部署(windows7)

1.检查是否已安装node和npm$node-v#查看node版本v8.9.4$npm-v#查看npm版本5.6.02.安装vue-cli和webpack$npminstall-gvue-cli#全局安装

GordonFong·2023-08-12 04:55

Vue ts 项目实战

Vuets项目实战首先，没装vue-cli的，可以使用下列任一命令安装这个新的包:npminstall-g@vue/cli#ORyarnglobaladd@vue/cli安装完成，可以通过vue-V检查其版本

Ms.Wang.·2023-08-11 22:10

windows10下npm安装vue

vue-cli:用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要npminstall就可以安装）开始：如图，下载10.16.0LTS

有事找叮当·2023-08-11 12:28

前端部署流程详解

部署流程1.打包前端项目成一个dist文件夹命令:npmrunbuild作用：用vue-cli内部集成的webpack，把.vue,.less,.js等打包成浏览器可直接执行的代码html，css，js

向神明诉语、·2023-08-11 09:18

uniapp+vue3项目中使用vant-weapp

创建项目通过vue-cli命令行创建项目Vue3/Vite版要求node版本^14.18.0||>=16.0.0uni-app官网(dcloud.net.cn)npxdegitdcloudio/uni-preset-vue

我总是词不达意·2023-08-11 07:28

后端人员如何快速上手vue

star@星空·2023-08-11 05:32

从0创建Vue项目

先保证安装了Node.js，下载地址https://nodejs.org/zh-cn/一般都是按照官网，通过Vue-Cli来创建项目，但是为了一点一点地学习Vue，因此自己从0开始创建，以下是初始化项目目录

delicacylee·2023-08-11 00:19

引入字体库后，vue-cli打包后出现字体访问路径报404

引入字体库后，vue-cli打包后出现字体访问路径报404由于需要引用到pingFang字体，加入到项目中后，打包后发现字体找不到提示404，查找了一下原因，是因为打包后的引用路径不对，可采用一下这种更改配置来解决这个问题

bayi_lzp·2023-08-10 23:15

vue-cli打包后本地查看起http-serve服务

cmd运行命令npminstallhttp-server-g全局安装完成进入打包目录distcddist运行命令http-server微信截图_20190903144754.png按照上面的ip访问就可以了，记得后面加上/index.html,不然访问不到

敌夫·2023-08-10 22:23

Vue3核心笔记

文章目录1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1

人间凡尔赛·2023-08-10 22:26

dependencies和devDependencies区别

仅仅在写代码过程中需要使用，比如css预处理器、vue-cli脚手架、eslint

艾希_可可·2023-08-10 14:53

vite+vue3中使用router

cv魔法师·2023-08-10 13:25

vue-cli 创建的项目，引用的字体文件如何优化？（font-spider 和 fontmin）

于是我用vue-cli自己创建了一个项目，在其中引入字体文件后，问题大发了：字体文件太大了，我引用的方正准圆简体有3M。发布之后的要加载很长一段时间页面才会看到字体变化，太影响性能和用户体验。

LilyLaw·2023-08-10 06:04

vue-cli编译文件打包成.zip

第一步安装插件npminstallfilemanager-webpack-plugin--dev二、在vue.config.js使用配置constFileManagerPlugin=require("filemanager-webpack-plugin")module.exports={.....configureWebpack:(config)=>{.....//plugins插件是一个数组且w

qjsxq·2023-08-10 05:47

vue-cli: Syntax Error: Thread Loader

SyntaxError:ThreadLoader(Worker1)Cannotreadpropertiesofundefined(reading'options')框架：@vue/cli@[email protected]+tsvue-cli使用wokrer-loader加载webwoker时，使用npmrunbuild有很大机率会打包失败，报错如上。thread-loader与worker-loader有冲突。

JA+·2023-08-10 01:41

前后端分离式项目架构流程复盘之宿舍管理系统

文章目录个人主页JavaEE系列专栏前言：【前端】先创建Vue-cli项目（版本2.6.10，仅包含babel），请选择此项目并创建【整理简化项目模板】【创建路由】打开命令行工具，进入你的项目目录，输入下面命令

信计2102罗铠威·2023-08-09 21:56

在Vue中使用echarts

在项目中需要对数据进行可视化处理,然后echarts非常强大,在vue中引用echarts分析图表数据1.首先需要vue-cli搭建，安装echarts依赖npminstallcharts-S或者使用淘宝镜像

我是梁爽呀·2023-08-09 20:10

vue-cli 3.0 打包后删除 console.log

一、babel-plugin-transform-remove-console1.先下载npminstallbabel-plugin-transform-remove-console--save-dev2.在babel.consig.js中配置if(process.env.NODE_ENV==="production"||process.env.NODE_ENV==="sit"){plugins.

一只正在成长的程序猿·2023-08-09 20:05

解决：使用 Vue 3 Script Setup 时 ESLint 报错 ‘defineProps‘ is not defined

本文将介绍两种解决方案来解决这个问题（假定你的项目使用Vue-Cli进行初始化）。Step1.检查eslint-plugin-vue的版本npmlisteslint-plugin-vue若版

乙哥驿站·2023-08-09 18:47

error “Component name “*****“ should always be multi-word”解决方案

问题在vue-cli创建的项目中，创建文件并命名后，会报“Componentname"*****"shouldalwaysbemulti-word”报错；Componentname"index"shouldalwaysbemulti-word.eslintvue

aspirant-complete·2023-08-09 16:26

vue-cli 版本2.0项目搭建和详解

安装Vue-cli第一步安装vue-cli首先需要安装node，如果你的电脑已经安装node，就可以使用node自带的npm来安装vue-cli你可以在命令行工具里输入node-v,npm-v检测你是否安装了

前端全栈分享站·2023-08-09 14:13

uni-app打包的注意点（uni-app，alpha的打包指定路径）

这个时侯使用的是vue-cli，所以你会去改vue.config.js的文件，改完之后你会发现没什么鸟用。官方也给出答案说没什么用的。其实官网已经给出答案了。修改后的结果就会发现成功了。

姚*鸿的博客·2023-08-09 11:08

‘vue’不是内部或外部命令，也不是可运行的程序或批处理文件的原因及解决方法

2、确定vue以及vue-cli已正确安装？3、确定vue.cmd已经加入到环境变量中？

慕城南风·2023-08-09 06:15

关于vue-cli 的node-sass安装失败，报错[email protected] postinstall: `node scripts/build.js后的解决办法总结

问题：最开始想要学习一下vue-cli更换主题，然后就各种百度，最后说要使用sass，好家伙，就跟着百度的步骤一顿安装，结果，失败了，然后研究了两天，终于，终于解决了这个问题，激动得不知道跟谁分享所以记录下了这篇文章

侠课·2023-08-08 19:53

vue-cli 中使用scss 公共样式引入单个或多个

一、安装sass-resources-loadercnpminstallsass-resources-loader--save-dev二、修改build/utils.jsscss:generateLoaders('sass')变成下面这样：单个引入：scss:generateLoaders('sass').concat({loader:'sass-resources-loader',options

侠课·2023-08-08 19:53

Vue2.0-从环境搭建到发布(抄袭哈哈哈)

vue-cli环境搭建过程1、安装node.js和npm***略***2、安装webpacknpminstallwebpack-g3、安装vue

刘二先生说·2023-08-08 18:23

vue-cli 项目在IE内核兼容配置参考

vue-cli项目在IE内核兼容配置参考问题一：页面内容不显示解决方法：在index.html页面添加如下代码问题二：语法错误解决办法：下载安装babel-polyfillnpminstallbabel-polyfill

我叫李大白·2023-08-08 18:11

Vue3.x 超详细安装教程

请事先装好nodeJs整个vue-cli版本：vue3.0.0+vue-router4.0.0-0+vuex4.0.0-0+eslint6.7.2+typescript4.1.5安装步骤1.安装vue-clinpm

乙哥驿站·2023-08-08 17:29

vue-cli

vue-cli脚手架案例一：案例二：案例三：一、脚手架简介Vue脚手架是Vue官方提供的标准化开发工具（开发平台），它提供命令行和UI界面，方便创建vue工程、配置第三方依赖、编译vue工程1.webpack

胖成范德彪·2023-08-08 16:22

Vue3+vuecli4配置element-plus按需导入-自动导入

npmiunplugin-vue-components-D2、配置config(vuecli配置的是vue.config.js)这里官网没有说明清楚然后本菜鸡就点进了下面这里------跳转到github对应的位置找到了vue-cli

Super灬Lin丶·2023-08-08 15:31

vue-cli中图片路径不对的相关处理

1.用js动态加载assets或者本文件的图片出现404的状态码原因：在webpack中会将图片图片来当做模块来用，因为是动态加载的，所以url-loader将无法解析图片地址，然后npmrundev或者npmrunbuild之后导致路径没有被加工【被webpack解析到的路径都会被解析为/static/img/[filename].png，完整地址为localhost:8080/static/i

ChrisWF·2023-08-08 13:56

sea.js项目迁移到webpack

项目背景最近参与一个旧项目功能迁移的工作，旧项目使用到sea.js、layer、jquery、art-template、bootstrap、jquey.ztree等，新项目是基于vue-cli的webpack

star__light·2023-08-08 11:59

【VUE】项目本地开启https访问模式(vite4)

在实际开发中，有时候需要项目以https形式进行页面访问/调试，下面介绍下非vue-cli创建的vue项目如何开启https环境vue:^3.2.47vite:^4.1.4根据官方文档：开发服务器选项|

假意诗人·2023-08-08 10:38

ESLint自定义配置

关闭ESLint这里只说vue-cli脚手架的关闭方法，其实很简单，就是把build/webpack.base.conf.js配置文件中的eslintrules注释掉即可。

张杨同学·2023-08-08 09:08

【Vue】Vue-cli 搭建脚手架

Vue-cli听起来像强大的多功能构建工具，但实际上vue-cli只有一个中心的任务，就是帮我们快速获取Vue项目的模板。即获取某种空白的项目配置，只要稍微调整就能满足个人需求。

德育处主任·2023-08-08 08:44

vue父子组件之间的通信

在vue-cli项目中，src文件夹下有一个App.vue文件，它的script标签中，importHellofrom'./components/Hello'，那么A

小小辛_c·2023-08-08 07:14

Vue项目10：Vue + SpringBoot前后端分离项目

一、前端1.新建vue-cli项目进入cmd命令行，输入如下命令：C:\Users\Administrator>f:F:\>cdF:\Study\vue\projectpracticeF:\Study\

Hadoop_Liang·2023-08-08 06:47

【转载】使用vue-cli（vue脚手架）快速搭建项目

1.避坑前言其实这次使用vue-cli的过程并不顺利，反复尝试几次都遇到以下这个报错：创建vue-cli工程项目时的报错在网上查了很多资料才发现原来是node版本过低的问题，虽然没有找到官方对这个“过低

我是冯朗·2023-08-08 06:14

Vue2脚手架（vue-cli）相关知识点

笔记脚手架文件结构├──node_modules├──public│├──favicon.ico:页签图标│└──index.html:主页面├──src│├──assets:存放静态资源││└──logo.png││──component:存放组件││└──HelloWorld.vue││──App.vue:汇总所有组件││──main.js:入口文件├──.gitignore:git版本管制忽

前端小趴菜~时倾·2023-08-08 05:43

尚品汇前端项目总结1（P1-P30）

目录Vue-cli脚手架文件组成自带文件夹：后期设置的文件夹：项目其他配置：eslint校验关闭：src文件夹配置别名：路由分析全局组件：非路由组件的业务：设置footer组件的隐藏和显示路由组件业务：

bumengbuzhangfu·2023-08-08 03:51

Vue3.0使用vue-cli搭建项目流程

在看本文前，确保你的node环境vue-cli已经安装完成，这里只讲使用vue-cli创建项目的过程1.png2.png3.png4.png5.png6.png7.png

乔乔_老师·2023-08-08 03:09

运行vue项目显示找不到vue-cli

直接下载ruoyi源码到本地，启动ruoyi-ui的时候报错：原来是电脑没配置nodejs。所以先去官网下载nodejs，然后安装完之后，在命令行窗口输入：显示安装成功。但还没有结束，还要配置npm的全局模块的存放路径以及cache的路径。配置过程：然后不要忘了在nodejs文件夹也要新建node_global和node_cache这两个文件夹（应该是自己新建吧）。这里配置完后，安装一个包看看：怎

巧克力酱人·2023-08-07 21:44

【vue eslint】报错Component name “xxxxx“ should always be multi-word.eslintvue/四种解决方案

Componentname“index”shouldalwaysbemulti-word.eslintvue/multi-word-component-names的四种解决方式：报错代码报错原因解决方案报错代码vue-cli

前端技术·2023-08-07 20:50

下载安装Vue-CLI

下载安装Vue-CLI下载安装Vue-CLI官方文档：https://cli.vuejs.org/zh/首先要确定自己的电脑上安装了Node.js8.9或更高版本。

啊是可莉·2023-08-07 14:37

vue-cli搭建的项目使用局域网访问（手机通过ip地址访问vue项目）

做页面的时候，有时候有项目需要，需要使用手机访问开发的网页，普通的项目的话通常使用phpstudy建立服务器，手机通过局域网访问，但今天测试的时候发现vue-cli构建的项目用手机却无法访问。

李佳明先生·2023-08-07 08:04

vue2.0 创建全局组件

vue2.0创建全局组件首先先搭建一个vue-cli项目搭建vue命令项目搭建后的项目目录项目目录在components文件中创建组件和全局组件创建全局组件编写和注册全局组件编写datalist里面的vue

杀个程序猿祭天·2023-08-07 07:47

ace-editor线上代码编辑器

package.json{"name":"vue-cli","version":"1.0.0","description":"AVue.jsproject","author":"","private":

微笑边缘的金元宝·2023-08-07 06:19

Windows下vue-cli搭建

node下载注：安装vue-cli脚手架目前需要node版本为v4.0以上；2.安装好node之后，修改node全局模块和缓存的存放路径；在nodejs的安装目录中找到nod

卧龙Tristan·2023-08-07 05:34

npm安装vue-cli报错 -4058 的解决方法

如下图：显示隐藏项目【效果】：重新运行命令npmi-gvuevue-cli，已经能够安装vue-cli。image.png

前端新阳·2023-08-07 03:32

qiankun单个微应用集成的demo

qiankun单个微应用集成的demo这里改造的主应用和微应用都是Vue的项目，但是qiankun本身不限制技术栈，不同子应用可以是不同的技术栈，并且为了简单，方便大家搭建，这里的主微应用全部都是利用Vue-cli

彩云Coding·2023-08-07 00:50

推荐频道

VUE-CLI