关于npm和yarn 安装vue脚手架

第一篇博客有点小紧张。轻喷~

第一步：安装node.js 地址 --------https://nodejs.org/en/

详细步骤这里就不写了可以去看地址 --------https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html

第二步：下载完了之后进入cmd 输入node -v查看版本号

看到上面表示安装成功。node.js是自带npm的，直接npm install -g @vue/cli 速度很慢，

这里需要用到npm淘宝镜像了，也是就是安装cnpm。

还有一种方式，就是npm用不了的时候，可以安装yarn来实现vue项目搭建。后面细说

命令行输入npm config set registry http://registry.npm.taobao.org/

cnpm详细地址-------- https://jingyan.baidu.com/article/9080802239521cfd90c80f55.html

上图表示安装成功，获取到cnpm以后，我们需要升级一下。因为安装vue需要npm的版本大于3.0.0，

输入cnpm install cnpm -g ,接着cnpm install -g @vue/cli

！注意( cnpm install -g vue-cli 这种没有@的方式安装的版本是2.9的，用vue创建文件的时候会出现版本报错，或者找不到vue

如下图：

)

而npm install -g @vue/cli 安装成功会显示下图,。版本号是3.2.1

命令行输入vue ，出现下面的情况就表示一切OK

第三步：跳到你需要放置项目的目录。 cd 切换文件夹或者跳盘如F：，然后输入vue create myproject(自定义文件名)创建项目

default是基本环境。 Manually可以自己配置router或者sass等等。看自身情况，自己配置选的话如下图：

空格选择你需要的，上下键控制滚动，回车确认，确认后一直选第一个回车就行了，有y/n的输入y，那么vue的环境就搭建完了。

命令行输入cd myproject（自定义文件），然后yarn serve跑起来

那么关于yarn 安装vue

使用自带的npm下载yarn 命令行输入 npm install -g yarn

同样需要切yarn淘宝镜像 yarn config set registry https://registry.npm.taobao.org

然后yarn -v就出现版本号就表示成功了

然后用yarn 安装vue脚手架 yarn global add @vue/cli 如下图：

然后重复第三步。

一切ok。

转载于:https://www.cnblogs.com/xp666/p/10050889.html

关于npm和yarn 安装vue脚手架相关推荐

Yarn安装vue脚手架
npm简介 NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题.由于新版的nodejs已经集成了npm,所以npm也一并安装好了. 特点: npm install 很 ...
vue开发搭建（npm安装 + vue脚手架安装）
一.概念 1.npm: Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue ...
npm——安装教程、安装vue脚手架(ASP.NET Core微服务(五)——【vue脚手架解析接口】过度章节)
npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题. 比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用. 2)允许用户从NPM服务器下载并 ...
使用npm安装vue脚手架
通过npm安装vue脚手架准备工作安装node.js node.js中集成npm 下载地址:node下载连接下载好后可以通过cmd命令查看是否安装成功安装cnpm(可选) 由于有些npm资源被 ...
npm yarn 安装 vue
关于yarn vue-cli 安装 1.安装node 前往node官网下载node 然后安装. 安装完成后 node -V 查看node版本 npm -v 查看npm版本 2.安装淘宝镜 npm co ...
npm安装淘宝镜像安装Vue脚手架
打开CMD 命令窗口 0.安装nods.js: 官网直接下载安装, 傻瓜式安装, 直接直接下一步查看版本 1.通过cnpm使用淘宝镜像: npm install -g cnpm --registry ...
Vue.js-Day03-AM【超级详细：Node.js环境安装、安装淘宝镜像（Win、Mac）、安装Vue脚手架、初始化Vue项目-命令解释（Vscode、命令行窗口）、目录介绍、Vue文件介绍】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 1.Node.js-环境安装 1.1.Node.js-详细安装步骤 2.vue-cli脚手架安装 2.1.安装 ...
离线安装vue脚手架，内网安装@vue/cli
公司开发环境使用内网,无法用外网,搭建环境的时候,发现内网系统没有安装vue脚手架,我搜了很多文章,发现他们的方法对我都不适用,然后就自己摸索,最终皇天不负有心人,终于被我安装上了,一下是我内网离线安 ...
nodejs绿色版下载安装及配置淘宝镜像、安装vue脚手架
目录一.下载地址二.安装三.测试四.环境配置五.配置淘宝镜像六.安装vue脚手架一.下载地址 nodejs下载详图: 二.安装傻瓜式安装这里我就不多说了(一直点确定就完事了) 三.测 ...

关于npm和yarn 安装vue脚手架

关于npm和yarn 安装vue脚手架相关推荐

最新文章

热门文章