Vue-Cli

Vue前端框架--Vue工程项目问题总结{脚手架 Vue-cli}

Vue脚手架部署问题总结我所遇到的一共两大问题只有先执行npminstall之后才能runserve否则会报错vue-cli-serve不是内部或者外部的命令，也不是可运行的程序或者批处理文件的错误1.运行npminstall会报错2.运行npmrunserve报错nodejs官网为https://nodejs.org/en/选择推荐用户最多的使用版本关于第一次下载nodejs需要注意最好是按照默
鲲鹏猿·2024-02-08 06:03

vue使用vue-ueditor-wrap集成秀米

前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码：UEditor官网地址下载代码放置到vue项目的静态资源目录(assets/public取决于你的vue-cli
丨·2024-02-08 06:38

初识Vue-cli

1.安装打开cmd,输入npminstall-g@vue/cli2.创建项目打开vsCode终端，输入vuecreatedemo(名字小写)，然后选择自己所需的，点回车效果项目创建成功创建成功运行的话在终端输入npmrunserve,这样项目就启动了打包的话在终端输入npmrunbuild在初始main.js中每行代码含义importVuefrom'vue'//导入App.vue组件importA
rdm任·2024-02-08 02:10

Vue-Cli 配置项

官方文档Cli：@vue/cliCli服务：@vue/cli-serviceCli插件:@vue/cli-plugin-xxvue-cli-plugin-xx社区插件npmupdate-g@vue/clivue-cli-servicebuild--no-clean#构建之前会被清除Cli插件包含一个(用来创建文件的)生成器和一个(用来调整webpack核心配置和注入命令的)运行时插件可以修改web
海胆Sur·2024-02-07 22:15

Vue-cli

Vue-cli安装和卸载安装1、安装淘宝镜像2、全局安装webpack3、安装vue4、全局安装vue-cli(有低版本和高版本两种）查看卸载创建项目安装执行如下指令1、安装淘宝镜像npminstall-gcnpm
EmmaGuo2015·2024-02-07 22:14

前端10年进化 Node.js、模块化、CommonJS、AMD、CMD、Webpack、Vue-cli、Electron-vue

从模块化说起模块化是什么时候提出的？怎么实现js代码的模块化，为什么要做模块化？模块化的概念在软件开发领域已经存在很长时间，但在JavaScript中的模块化发展相对较晚。以下是对您提出的问题的回答：提出时间：JavaScript中的模块化概念相对较早地提出于CommonJS规范。CommonJS是一种JavaScript模块化规范，最早在2009年由RyanDahl和其他社区成员提出，并主要用于
森叶·2024-02-07 20:36

【vue-cli】部署环境配置问题

采用前后端分离，所以在开发和部署的过程中，后台接口的域名、第三方登录的URL等其他第三方链接地址等常量存在切换问题，每次打包都要修改很麻烦。1.主要技术要点1.1.process.envprocess.env就是Nodejs提供的一个API，它返回一个包含用户环境信息的对象。如果我们给Nodejs设置一个环境变量，并把它挂载在process.env返回的对象上，便可以在代码中进行相应的环境判断。具
嘻洋洋·2024-02-07 13:15

新建vue2 typescript类型项目

环境准备nodejs版本：v16.20.1npm版本：8.19.41.初始化npminit-y2.安装vue-clinpminstall-D@vue/cli3.查看安装vue-cli的版本4.创建vue2
liangbo7·2024-02-07 13:14

vue-cli引入本地json数据：封装为js文件，无需请求直接读取

vue-cli引入本地json数据1、新建js文件（路径自定义），写入JSON数据/*jsonData.js*/exportletjsonData={//声明变量，存储数据//JSON源数据}2、组件内引入
shawxlee·2024-02-07 07:26

vue-cli配置开发、测试、生产环境

场景描述：项目中有好几个地方调用了支付的功能，在开发环境和测试环境中，支付金额需要修改为1分钱，在生产环境中则是真实金额，支付接口是统一封装的，只需要在调用之前判断是开发环境还是生产环境就可以了。那么就需要用到环境变量，记录一下解决的过程。解决问题请先简单阅读一下官方文档，了解一下概念根目录创建.env.development、.env.test、.env.production文件(开发、测试、生
前端_逗叔·2024-02-06 22:32

前端基础复习（后端人员看前端知识）

然后搭建前端工程脚手架Vue-cli，用于快速生成Vue的项目模板，相当于后端人员的maven标准化了目录结构。最后需下载前端代码开发工具VsCode，相当于我们的IDEA。Vue-
sunyunfei1994·2024-02-06 17:14

2019-10-17

2.8路由基础（router）自我感觉，主要是用来不同网页通信的，不知道对不对,知识点比较稀碎，这里主要使用vue-cli来完成npmivue-routertouchrouter.js明确说明使用路由importVuefrom'vue
justam·2024-02-06 16:56

前端架构: 脚手架在前端研发流程中的意义

关于脚手架脚手架=command-lineinterface基于文本界面，通过中断输入命令执行常见的脚手架：npm,webpack-cli,vue-cli拿npm这个脚手架来说在终端当中输入npm命令,
Wang's Blog·2024-02-06 08:52

npm安装全局包，使用时却提示命令找不到

全局安装vue-cli，使用时却提示命令找不到。经过一番查找，终于发现原来是全局仓库路径的问题。环境变量中的路径和npmconfig中的路径不同。
296b871d5cd0·2024-02-06 03:14

vue init webpack my-project 报错Failed to download repo vuejs-templates/webpack...处理

1、搭建vue项目安装淘宝镜像npminstall-gcnpm–registry=https://registry.npm.taobao.org，2、搭建vue项目环境全局安装vue-cli执行npminstall
夏日晚餐·2024-02-06 01:17

Vue-cli 脚手架搭建项目

安装vue-cli执行指令npmivue-cli-g全局安装可以使用vue-V查看版本号2.初始化项目执行指令vueinitwebpack项目名称可能会提示Commandvueinitrequiresaglobaladdontobeinstalled.Pleaserunnpminstall-g
const_express·2024-02-06 01:09

vue-cli初步

1.安装node.js下载安装node.js，一路默认安装即可，安装完毕，启动命令行，输入命令node-v，可以看到node.js的版本号image.png2.安装vue-cli使用npm（需要安装node
蜜思1013·2024-02-06 01:10

vue的简单学习_大屏

一、vue-cli的配置1.1vue-cli的安装npminstall-g@vue/cli#或yarnglobaladd@vue/cli#使用npminstall-g@vue/cli安装出现npmwarn
颜大哦·2024-02-05 14:29

vue3快速入门

文章目录1.Vue3简介1.1.性能的提升1.2.源码的升级1.3.拥抱TypeScript1.4.新的特性2.创建Vue3工程2.1.基于vue-cli创建2.2.基于vite创建（推荐）vite介绍创建步骤项目结构安装插件项目结构总结
ps酷教程·2024-02-04 19:42

vue-cli 构建项目报错：vue-cli-server not find

1、确保vue版本为3.X$vue--version3.7.02、进入到项目目录下$llnode_modules/.bin#看看有没有vue-cli-server，如果没有则：$yarn或者npminstall#此时再看看有没有
R_X·2024-02-04 16:21

【Vue3.0】- 入坑 - 全家桶

本文主要内容基于vue-cli快速搭建Vue3.0项目快速搭建Vue3.0项目版本"dependencies":{"core-js":"^3.6.5","vue":"^3.0.0-0","vue-router
啦啦啦喽啰·2024-02-04 13:41

vue 和 vue-cli 的区别以及关联

Vue-cli：而vue-cli是一个基于Vue.js进行快速开发的完整系统。Vuevue主要是从基础知识、组件的了解、动画的过渡、可复用性和组合以及工具、模块化的管理。
前白·2024-02-04 12:56

使用typescript构建Vue2应用

一、vue项目初始化-引入typescript使用typescript构建vue应用和使用js一样，都是通过vue-cli去初始化并创建一个vue项目，只不过使用typescript构建的时候要在脚手架问卷操作的时候勾选上
ihaveadream丶·2024-02-04 11:17

Vue项目安装axios报错

Vue项目安装axios报错现象解决方法原因分析现象vue-cli搭建完项目，输入命令npmiaxios-S安装axios时报如下错误。
雪顶猫的鳄·2024-02-04 06:36

安装yarn后安装vue-cli

yarn依赖node.js所以安装前确认node已安装并生效node-v验证是否生效进yarn官网:https://yarnpkg.com/zh-Hant/直接选win下msi稳定版安装包安装image.png安装后yran-v验证安装是否生效新版的yran不用配置path直接生效安装vue-cliyarnglobaladdvue-cliimage.png验证vue是否下载到本地yarngloba
明月888·2024-02-03 17:05

Vue-cli 3.xx一次性引入Less全局变量

安装：style-resources-loadervueaddstyle-resources-loader然后在vue.config.js中添加constpath=require('path')module.exports={pluginOptions:{'style-resources-loader':{preProcessor:'less',patterns:[path.resolve(__d
geeklibin·2024-02-03 15:31

webpack、vite、vue-cli、create-vue 的区别

webpack、vite、vue-cli、create-vue的区别首先说结论Rollup更适合打包库，webpack更适合打包项目应用，vite基于rollup实现了热更新也适合打包项目。
m0_47761892·2024-02-03 12:40

Vite与Vue-cli的区别和特点

目录前言1.如何使用Vite和Vue-cli创建vue3.0项目2.Vite与Vue-cli的特点3.Vite与Vue-cli之间的区别总结前言Vite是创建vue3.0时的一个基本项目脚手架和开发服务器的构建工具
程序员--韩同学·2024-02-03 12:40

vite和vue-cli实现原理和优化及区别

Vite：1.实现原理：Vite是一个基于ESModule的构建工具。它利用原生ESModule的特性，将每个文件作为一个模块，通过浏览器去解析和执行，而不需要提前将文件打包成一个单独的bundle。Vite利用浏览器的原生ESModule支持，实现了快速的开发环境启动和热模块替换（HMR）。2.优化策略：Vite在开发环境中通过将源代码直接发送到浏览器，避免了传统的打包过程，实现了更快的开发启动
光影少年·2024-02-03 12:07

Vue3快速上手

一、创建Vue3.0工程1.使用vue-cli创建官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create##查看@vue
吃一口你的梦。·2024-02-03 05:53

重新配置vue项目时出现的：连接已断开问题

在新机器上配置完node.js、vue-cli，配置了node_modules后，命令行运行vueui后，出现了如下报错：C:\Users\LEN>vueuiStartingGUI...Readyonhttp
crayongrq·2024-02-03 03:19

前端面试题（四）（Vue-cli篇）建议收藏，持续更新中...

VueCLI的包名称由vue-cli改成了@vue/clivuecli3npminstall-g@vue/clivuecreatehello-worldvuecli2.xnpminstall-gvue-clivueinitwebpackmy-projectvue-cli
短暂又灿烂的·2024-02-03 01:09

2024年安装vue-cli报错：request to https://registry.npm.taobao.org/@vue%2fcli failed, reason: 证书已过期

报错原因2024年1月份在使用老的淘宝镜像：registry.npm.taobao.org后竟然出现证书过期，网上一搜才知道原来的registry.npm.taobao.org已替换为registry.npmmirror.com地址了，并且看了很多类似报错发现使用的还是老地址。解决方法步骤一以管理员身份打开命令行提示符步骤二1、输入一下命令配置淘宝最新镜像npmconfigsetregistryh
胖胖的小恐龙·2024-02-02 23:00

2020年9月/win10系列之Node安装vue-cli后却检测不到版本号的解决方案。

vue-V不是内部或外部命令，也不是可运行的程序或批处理文件通过nodejs提供的npm区安装vue-cli成功了，却检测不到版本号的问题，相信很多win10的小伙伴和我一样都是在找解决方法，但无一例外都不能成功
似朝朝我心·2024-02-02 22:24

linux、windows 安装 vue-cli

VueCLI是一个基于Vue.js进行快速开发的完整系统，提供：通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli+@vue/cli-service-global实现的零配置原型开发。一个运行时依赖(@vue/cli-service)可升级；基于webpack构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合，集成了前端生态中
weixin_45782719·2024-02-02 21:13

【项目创建笔记】

使用vue2创建项目1.打开终端，win+r打开输入cmd下载node.js，查看node.js版本2.安装vue-cli脚手架npminstall-g@vue/cli根据提示创建配置项目参考来源：https
久靥_·2024-02-02 14:37

vue-cli配置.json自动生成模板

vue.jpg首先看效果图image.png首先必须安装扩展组件中的Vetur按照提示选择image.png输入vue.json进行打开，发现什么都没有接下来把下面的代码进行复制黏贴后重新新建一个.vue文件，直接输入vue回车后就会发现和上面的效果图一样。{"Printtoconsole":{"prefix":"vue","body":["","","$0","","","","","expor
编程小橙子·2024-02-02 13:16

卸载vue-cli过程中npm uninstall vue-cli -g 一直显示 up to date in 0.042s无法卸载

问题想卸掉vue-cli，但是卸不掉。
hzx99·2024-02-02 11:01

SPA单页应用开发

用开发角色总结1、场景——中后台管理系统技术栈：SpringBoot、vue-cliSPA、npm、ElementUI推荐使用的IDE：VScode、WS、HB2、场景——H5前端开发技术栈：vue-cli
hangover_bfc9·2024-02-02 10:20

vue-cli脚手架npm相关文件解读（6）build.js

系列文章传送门：1、build/webpack.base.conf.js2、build/webpack.prod.conf.js3、build/webpack.dev.conf.js4、build/utils.js5、build/vue-loader.conf.js6、build/build.js7、build/dev-server.js8、build/check-versions.js9、../
weixin_30607659·2024-02-02 09:26

前端框架简介及Vue3项目起步基础配置

前端框架简介及Vue3项目起步基础配置前端框架简介Vue1.1Vue脚手架1.1.1使用vue-cli创建vue2项目1.1.2使用create-vue创建vue3项目1.1.3项目起步-配置别名路径联想提示
前端小白进阶之旅·2024-02-02 07:08

使用vue脚手架构建项目

一、前言*创建好vue-cli的环境，下载好vue包依赖*本文使用环境：@vue/cli5.0.8二、步骤创建vueTest文件夹，管理员身份运行cmd,进入到vueTest文件夹执行命令vuecreate
CAUC_lin·2024-02-01 23:41

vue-cli组件的使用

一、前言本文介绍vue-cli组件的使用，基于已经搭建好的基础项目。
CAUC_lin·2024-02-01 23:41

vue-cli项目运行流程介绍

一、前言本文介绍vue-cli搭建的项目运行流程，基于已经搭建好的基础项目。
CAUC_lin·2024-02-01 23:10

基于 vite 创建 Vue3 项目

1、基于vue-cli创建##查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##执行创建命令
打不着的大喇叭·2024-02-01 21:33

vue覆盖html,VUE 如何覆盖element组件样式

我们通常的vue工程都是用vue-cli自动生成出来的，不知道大家有没有发现一个细节——生成的*.vue文件上会默认带上“scoped”，如下图：UI库不好覆盖的问题
张盼锋·2024-02-01 18:34

three.js和vue.js学习 -- 创建一个3d模型demo

threejs/docs模型下载链接：https://sketchfab.com/feed属于对该项目的学习，对于其中基础部分的细分和笔记准备three的流程参考图Part1：创建项目，引入three同样使用vue-cli
深海大大·2024-02-01 15:21

运行项目 HellowWord node-npm-vue

mac部署vue-cli第一步：在你的用户文件下新建一个文件夹，这个.npm-global名字可以用你自己喜欢的名字替换，推荐直接使用这个名字。
黄毛火烧雪下·2024-02-01 09:17

【Vue】2-9、Vue-CLI 脚手架

三、安装与使用vue-cli是npm上的一个全局包，安装命令：npminst
QX_Java_Learner·2024-02-01 07:23

vue-cli初始化项目：Runtime Only VS Runtime + Compiler

RuntimeOnlyVSRuntime+Compiler通常我们利用vue-cli去初始化我们的Vue.js项目的时候会询问我们用RuntimeOnly版本的还是Runtime+Compiler版本。
QLing09·2024-01-31 07:05
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他