全局安装vue-cli2.0脚手架与vue-cli3.0脚手架

原创 已于 2024-04-07 14:02:23 修改 · 3.2k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #vue脚手架 #vue-cli脚手架 #全局安装vue脚手架

于 2019-09-09 09:00:27 首次发布
本文详细介绍了如何使用npm全局安装Vue.js脚手架，并分别针对Vue2.0和Vue3.0提供了安装与卸载指令。同时，给出了启动项目的具体命令，帮助开发者快速搭建并运行Vue项目。

先window + r输入cmd打开输入命令窗口(小黑屏幕)

全局安装vue2.0脚手架

npm install vue-cli -g

安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。

启动项目命令 npm run dev

全局安装vue3.0脚手架

先查看当前vue-cli版本
打开cmd输入vue --version, 如果是2.0+要先卸载掉,输入 npm uninstall vue-cli -g 进行全局卸载
然后重新安装 npm install @vue/cli -g (安装最新版vue脚手架)

启动项目命令 npm run serve

好细的Vue安装与配置
m0_67403272的博客
07-30 1560
网上有些方法是删除CUsers用户名下的.npmrc文件，万万不可这样，因为那个文件删除了，我们前面修改的全局模块目录和缓存目录配置就没了！1.创建项目（最好在cd到D盘、E盘的某个位置，即项目的路径，否则项目会新建在CUsers用户名，也可以直接在想要的项目路径下输入cmd）可能会出现权限问题，所以我们还是以管理员运行cmd窗口。其中-g是全局安装，指安装到global全局目录去，如果不加-g，模块就会安装到当前路径下的node_modules文件夹下，没有目录则自动创建。...
VUE安装及环境配置（完整版）
热门推荐
qq_52611686的博客
09-30 3万+
VUE是一套用于构建用户界面的渐进式JavaScript框架。渐进式：主张最少（没有强主张），可以在原有的大系统中，把一两个组件改用它实现。渐进式框架也就是说：你可以只用我的一部分，而不是用了我的一部分就必须用我的全部。特点：1.采用组件化模式，提高代码复用率、且更好维护；2.采用声明式编码，让编码人员无需操作DOM，提高开发效率。3.使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点。
Vue2.0搭建脚手架vue-cli.docx
05-14
VUE 2.如何安装 、webpack如何安装、手脚架如何搭建的最全教程
VUE安装及环境配置
最新发布
qq_42629374的博客
09-16 828
一直next直到安装完成。
Vue2.0搭建脚手架
zhangxiaocc的博客
05-06 4532
一、安装node.js 1、从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。 2、安装完成后，打开命令行工具输入命令node -v，如下图，如果出现对应的版本号，就说明安装成功了。 3、我们所需要的npm包管理器，是集成在node中的，所以，直接输入npm -v，就会如下图所示，显示出npm的版本信息（另外需要注意的是，npm的版本最好是3.x.x以上，以免对后续产生影响）。 到这里node的环境已经安装完毕了，npm包管理工具也有了，但是由于npm的有些资源被墙，为
vue-cli3.0 脚手架搭建项目的过程详解
10-17
然后，你可以通过以下命令全局安装 Vue CLI 3.0： ```bash npm install -g @vue/cli # 或者使用 yarn yarn global add @vue/cli ``` 安装完成后，运行 `vue -V` 检查版本，确保安装成功。 接下来，你可以使用 `...
vue-cli V3.0版本的使用详解
10-17
要在系统中安装Vue-cli V3.0版本，首先需要在全局安装Node.js和npm（Node.js包管理器）。安装完成后，在命令行中执行以下命令来安装Vue-cli V3.0： ``` npm install -g @vue/cli ``` 安装完成后，通过执行以下命令来...
vue-cli中安装方法(图文详细步骤)
01-21
vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm（因为...
vue-cli2.0和vue-cli3.0前后版本切换办法以及两个版本同时存在
qq_40663855的博客
03-12 5361
系列文章目录 上一篇 node.js 安装完成之后，有需要要切换vue-cli2.0和vue-cli3.0前后版本，在此记录两个版本同时处理使用的方法。 上一篇：Node.js图文安装教程以及环境配置 文章目录系列文章目录一、vue-cli脚手架3.0前后版本切换办法1）、3.0 以下 ==> 3.0 以上2）、3.0 以上 ==> 3.0 以下二、两种版本同时存在1）、找一个地方新建2）、进入cli2 文件夹下 打开cmd3）、修改cmd命令名称4）、配置环境变量 一、vue-cli脚手
vue-cli脚手架-bulid下的配置文件
08-27
要使用Vue-cli脚手架，首先需要安装Node.js，并且全局安装Vue-cli。然后，可以使用Vue-cli创建一个新的Webpack项目。创建项目时，需要填写一些信息，如项目名称、项目描述、作者等。同时，也可以选择是否安装Vue-...
Vue2.0----脚手架安装
程序研博客
06-09 807
一、过度效果与脚手架安装 1.过度效果 ·Vue在插入、更新或者移除DOM时，提供多种不同方式的应用过渡效果。 包括以下工具: -在CSS过渡和动画中自动应用class -可以配合使用第三方CSS动画库，如Animate.css -在过渡钩子函数中使用JavaScript直接操作DOM -可以配合使用第三方JavaScript动画库，如Velocity.js ·会有6个(CSS)类名在enter/leave的过渡中切换 -v-enter:定义进入过渡的开始状态。在元素被插入时生效，在下一个
npm安装Vue
weixin_30299539的博客
10-14 357
NPM安装CNPM 由于 npm 安装速度慢，使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照： 大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。 淘宝 NPM 镜像是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。 你可以使用淘宝定制的 cnpm (gzip 压...
全局安装Vue
Toozky的博客
10-24 6614
全局安装Vue（解决：修改npm目录后安装Vue正常，创建项目NO_MODULE） 安装cnpm ··· npm install -g cnpm --registry=https://registry.npm.taobao.org ··· 不安装cnpm后续命令用npm替代 安装Vue Vue3以上版本 安装最新Vue（3+） cnpm install -g @vue/cli 指定Vue版本安装（3+） cnpm install -g @vue/cli@3.11.0 卸载Vue（3+） cnpm in
Vue-cli脚手架的详细配置流程（vue2.0版本）
an_gentle_killer的博客
08-13 1230
页内目录 一，Vue-cli脚手架 二，配置脚手架 三，法一：可视化 四，法二：基于doc 五， 六， 一，Vue-cli脚手架 二，配置 安装node.js 进入安装界面 安装到指定文件夹 使用npm下载所需要的前端包 npm：是一个前端库，存放前端开发所需要的前端包，在国外服务器上存放，访问与下载慢，（理解成类似于maven库） cnpm：阿里镜像库 node.js安装后npm自动安装到电脑上了 以管理员身份运行cmd（黑框） 测试版本 证明我们有npm了，但是cnpm没有，我们通常使.
Vue的安装及使用快速入门
weixin_30645617的博客
04-19 373
一、安装vue 1、安装node.js，安装完node.js之后，npm也会自动安装 查询是否安装成功的命令： node -v npm -v 2、全局安装脚手架工具vue-cli，命令如下： npm install --global vue-cli 3、vue项目初始化命令如下，若没有安装webpack，则先安装webpack npm install -g webpack ...
Vue2.0搭建脚手架（vue-cli）
Phils的博客
10-10 1万+
Vue2.0搭建脚手架（vue-cli）
Vue2.0搭建Vue脚手架（vue-cli）
Amber的博客
01-17 300
随着vue.js越来越火爆，更多的项目都用到vue进行开发，在实际的开发项目中如何搭建开发脚手架呢？ 首先需要了解的知识： html、css、JavaScript、node.js（npm包管理器）、webpack自动化构建工具 安装node.js https://nodejs.org/zh-cn/官网下载安装即可 输入node -v查看版本： 安装cnpm 1.说明：npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等） 2.使用np
Vue-cli脚手架2.0和3.0创建项目的区别，以及4.0的使用
yinge0508的博客
01-12 2935
一、生成项目命令 1、安装3.x版本的Vue脚手架： npm install -g @vue/cli 创建Vue项目命令： vue create 项目名称 或基于ui界面创建Vue项目，命令：vue ui 2、安装了vue-cli 3.x 后如何使用 vue-cli 2.x 创建项目 需要安装一个桥接工具才能使用 vue-cli 2.x创建项目 npm install -g @vue/cli-init 创建Vue项目： vue init webpack 项目名称 二、目录的..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值