从零开始学VUE之Vue CLI(全局安装cli-init)

最新推荐文章于 2023-02-06 16:04:11 发布
最新推荐文章于 2023-02-06 16:04:11 发布
阅读量1.1k 收藏
点赞数
文章标签： python npm js linux vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/flowerStream/article/details/118323050
版权

全局安装cli-init

npm install @vue/cli-init -g

执行安装

C:\Users\ext.zhangyugen1>npm install @vue/cli-init -g
npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
+ @vue/cli-init@4.5.13
added 251 packages from 206 contributors in 47.079s

C:\Users\ext.zhangyugen1>

作者：彼岸舞

时间：2021\06\28

内容关于：VUE

本文属于作者原创,未经允许,禁止转发

十六夜之彼岸舞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
vue-cli系列之vue-cli-service整体架构浅析
12-07
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...
vue-cli
qq_33879627的博客
09-28 388
（十六）vue-cli 16.1 vue-cli起步 16.1.1 什么是vue-cli Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service)，该依赖： 可升级； 基于 webpack 构建，并带有合理的默认配置； 可以通过项目内的配置文件进行配置； 可以通过插件进行扩展。 一
在cmd控制台中使用@vue/cli-init快速创建vue项目
谅搁的博客
04-18 2747
在cmd控制台中使用@vue/cli-init快速创建vue项目 首先电脑上需要安装好Nodejs，Vue脚手架 其次需要单独安装 @vue/cli-init // 可以使用 npm 或 yarn，全局安装 // npm npm install @vue/cli-init -g // yarn yarn global add @vue/cli-init 具备以上条件之后打开 控制台 cd 到...
@vue cli-init创建项目学习webpack配置
shadowfall的博客
09-04 256
vue的webpack 先来看一下目录结构： build 第一个是build打包 第二个为检查node版本 第三个为工具一会儿看代码 loader 配合utils webpack公共配置 webpack开发配置 webpack生产配置 config dev 配置文件 prod test 下面来看下各个文件,这里就不按照顺序了 build 'use strict' require('./check-versions')() // 检查node版本 process.env.NODE_EN
vue cli项目的创建
qq_52178957的博客
10-18 68
1.在文件中中创建自己的项目文件夹 2.使用车创建语句vue init webpack myvue -------myvue是项目名 遇到问题的情况 ： Command vue init requires a global addon to be installed. Please run npm i -g @vue/cli-init and try again. 解决方法：npm install -g @vue/cli-init 最后步骤的设置： ...
@vue-cli-init报错
JankoY的博客
02-14 523
错误 yarn不行就用NPM npm install -g @vue/cli-init 1.安装卸载cli npm install -g @vue/cli npm uninstall -g @vue/cli 或者 yarn global add @vue/cli yarn global remove @vue/cli 在最后@可以下载指定版本 2.安装cli-init yarn global add @vue/cli-init 或者 npm install -g @vue/cli-init
vue-cli中安装方法(图文详细步骤)
01-21
脚手架是指通过输入简单指令帮助你快速搭建好一个基本环境的工具。 vue-cli 是vue.js的脚手架，用于快速自动生成vue.js+webpack的项目模板，这样大大...3、执行cnpm install vue-cli -g 全局安装 运行vue查看安装是
安装vue-cli的简易过程
12-11
安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node，如果该命令不可用，需要...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个...
详解使用nodeJs安装Vue-cli
01-02
1、执行npm install –global vue-cli ，全局安装vue-cli —-因为默认是从国外服务器下，可以使用阿里巴巴在国内的镜像服务器。 产生通过config命令设置默认下载路径： npm config set registry ...
Vue 脚手架CLI 初始化项目
有勇气的牛排博客
02-07 1325
1 介绍 CLI是Command-Line Interface，翻译为命令行界面，但是俗称脚手架。 Vue CLI是一个官方发布vue.js项目脚手架 使用vue-cli可以快速搭建vue开发环境以及对应的webpack配置。 使用vue-cli可以快速搭建vue开发环境以及对应的webpack配置 2 Vue CLI使用前提 Webpack Vue.js官方脚手架工具就使用了webpack模板 对所有的资源会压缩等优化操作 它在开发的过程中提供了一套完整的功能，能够使得我们开发
使用@vue/cli初始化项目
weixin_30555515的博客
11-25 202
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 卸载它。附上vue-cli官方文档地址 首先检查你的node版本，Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)，命令为 no...
Vue（四） Vue-CLI（脚手架）快速开发
Hello World!
09-25 2647
一.Vue-CLI概述 1.Vue-CLI简介 Vue-CLI是一个官方推荐的 vue.js 项目开发脚手架，全称为Vue命令行接口。Vue-CLI通过几个简单的命令，将可以快速帮助我们构建一套完整、规范的Vue前端项目。看似笨拙的命令行工具却极大简化了我们的开发。 vue-cli 3.x版本：提供了用户界面，产生了很多新特性，开发中还未普及。 vue-cli 2.x版本：传统的命令行界面，开发使用广泛，本次使用2.x版本。 2.Vue-CLI优点 快速构建。vue-cli......
vue-cli和vue组件
m0_56986233的博客
10-19 190
文章目录 前言 一、vue-cli和组件化开发是什么？ 二、使用步骤 1.安装包 2.基于 vue-cli 快速生成工程化的 Vue 项目 3.组件化开发 总结 提示：以下是本篇文章正文内容，下面案例可供参考 一、vue-cli和组件化开发是什么？ vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。 组件化开发指的是：根据封装的思想，把页面上可重用的 UI 结构封装为组件，从而方便项目的开发和维护。 二
Vue cli和todolist效果实现
weixin_42635130的博客
05-29 273
5. cli cli是什么？ cli是vue提供的一个快速（自动化） 构建项目的一个脚手架 ，类似于我们之前所学的 express-generator cli的版本 目前最新 3.x 老版本是 2.x cli的底层的自动化工具是： webpack cli的安装 npm/cnpm/yarn 都可以使用 $ yarn add @vue/cli global 这个是cli3...
Vue CLI 原理与实践
皮蛋很白的博客
12-02 1522
理解 Vue CLI 的目的 Vue CLI 架构上的一些设计，值得前端开发者去了解和学习。 前端开发过程中用到的很多的工具，基本上都是基于类似的架构去设计。 通过理解 Vue CLI 的原理和实践，了解一个可扩展性、适应能力更强的工具是怎样去设计和架构的。 vue-cli 早期面貌 Vue CLI 3 之前的模块是 vue-cli，npmjs 上已经被标记为弃用。 近几年开发都使用的 @vue/cli。 @vue/cli也集成了早期 vue-cli 的功能，需要安装 @vue/cli-init，内部还是依
vue-cli init 没反应了
事在人为2018的博客
05-28 3148
昨天在家里使用vue脚手架创建项目时出现了意外vue init webpack my-project 输入完项目名称后就卡死不动了，等了10几分钟还是不动，也没有任何提示，又尝试了几次还是不行。以为是权限问题，折腾几次还是没结果。经过一分钟的回忆，突然想起来前几天把nodejs从8.9.3升级到了10.2.0，重新安装了8.9.3的版本就正常了。备注下，操作系统是windows 7 64位...
vue-cli的安装与项目建立
code_bro的博客
07-30 292
主要记录了本人vue-cli的安装流程以及对项目文件的简单介绍
【vue init】一.使用vue init搭建vue项目
????鱼干～
02-06 1515
【vue init】使用vue init搭建vue项目
全局安装vue-cli
最新发布
06-01
要全局安装Vue CLI，请按照以下步骤进行操作： 1. 首先，打开终端或命令提示符窗口。 2. 然后，运行以下命令来全局安装Vue CLI： ``` npm install -g @vue/cli ``` 或者，如果您使用的是Yarn包管理器，请运行以下命令： ``` yarn global add @vue/cli ``` 3. 等待安装完成后，运行以下命令来验证Vue CLI是否安装成功： ``` vue --version ``` 如果Vue CLI被正确安装，则终端会显示Vue CLI的版本号。 现在，您可以使用`vue`命令来创建和管理Vue.js项目。例如，要创建一个新的Vue.js项目，请执行以下命令： ``` vue create my-project ``` 这将在当前目录下创建一个名为`my-project`的新项目。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值