Vue-cli

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

vue-cli npm install 报错 python不存在并堆栈溢出

从码云上clone了别人的项目npminstall时候报错python不存在，堆栈溢出什么的，一脸懵逼，度娘很久之后了解到node-gyp这个东西，然后根据别人博客提供的方案解决了问题（为防止后期找不到该链接，现把解决方案复制过来）一、背景介绍：node-gyp是干啥用的~node-gyp，是由于node程序中需要调用一些其他语言编写的工具甚至是dll，需要先编译一下，否则就会有跨平台的问题，例如
粥蛋蛋·2024-01-31 00:16

#VUE CLI 脚手架的安装及初识脚手架（一）

2.使用vue-cli可以快速搭建Vue开发环境（你所需要构建项目的基础文档闭包）以及webpack配置3.cli的版本5.0安装VueCLI可以用window系统的cmd命令行打开，也可以直接在你创建好的文件夹的
韩昕燃·2024-01-30 19:19

vue-cli介绍

学习vue的一个转折点是学习vue-cli(脚手架)，初识脚手架，一开始你会想到什么呢？是不是想工地里架起来的钢筋，条条框框的一个框架一样。
会写bug的小何·2024-01-30 18:49

前端VUE学习之初识vue-cli(脚手架)

一、了解vue-clivue-cli又称脚手架，说白了就是一个便捷开发项目的家伙，因为vue-cli可以自动构建出一个项目的骨架，以及配置一些复杂的webpack文件配置，在这里，如果深入了解过webpack
happy-p·2024-01-30 18:17

解决 vue-cli · Failed to download repo vuejs-templates/webpack 错误

然后在目录中做初始化操作：$vueinitwebpackproject名注意：project名不能包含大写字母webpack参数是指这个项目将会在开发和完成阶段自动打包代码初始化可能会失败，错误信息如下：vue-cli
走在路上的低级弟弟·2024-01-30 18:15

Web前端开发工具总结

nvm管理nodejs和npm的版本二、什么是vue-cli？vue-cli是一个官方发布vue.js项目脚手架，使用VueCLI
Java架构何哥·2024-01-30 14:02

Vue项目中使用React组件(antd组件库也可以)，React中使用Vue组件

使用vue-cli创建项目这个大家应该都会，不会的话看下Vue-Cli脚手架(Vue全家桶之一详解)下载依赖下载Reactnpminstall--savereac
清羽_ls·2024-01-30 10:29

记一次Vue Hybrid App（混合APP）开发（转）

产品原型2.需要用到分享功能3.怎么与Android和iOS原生方法互掉4.网页嵌入到APP中怎么调试5.手机屏幕适配6.如果出现Loadingchunkxxfailed该怎么处理二、搭建项目1.使用vue-cli
不断学习·2024-01-30 01:24

vue-cli 无法安装问题解决

在macOS上安装vue-cli，但一直都失败，最后终于解决。先后报错了2个问题。报错无法安装其实原因是源被切断，默认的源是官方的，但在CN是无法正常访问，各种问题。直接将源修改才可以。
用户昵称不能为空·2024-01-29 23:15
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他