关于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

时间: 2024-10-11 15:41:26

关于npm和yarn 安装vue脚手架的相关文章

npm——安装教程、安装vue脚手架

npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题.比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用. 2)允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用. 3)允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用. 首先:先从nodejs.org中下载nodejs 如图,下载8.9.3LTS(推荐给绝大部分用户使用的) 双击安装 一直Next 可以使用默认路径,本例子中自行修改为d:\nodejs 点击In

vue开发搭建(npm安装 + vue脚手架安装)

一.概念 1.npm:  Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue-cli:   用户生成Vue工程模板.(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装) 原文:https://www.cnblogs.com/goldlong/p/8027997.html (部分步骤有些修改) 参考文:htt

安装vue脚手架及其他vue工具

一.安装vue脚手架   网上有许多教程,基本都是大同小异,不在这里班门弄釜了,具体可以参照下面链接这个博客. https://www.cnblogs.com/loveyaxin/p/7094089.html 二.安装vue工具之vue-devtools-dev 其实安装这个工具比安装vue脚手架更简单,注意细节就好. 1.在GitHub上下载压缩包,下载地址:https://github.com/vuejs/vue-devtools 2.将文件解压到任意盘,然后cmd到vue-devtools

npm 在安装 Vue脚手架命令(npm install -g @vue/cli)时报错安装报错--“Unexpected end of JSON input while parsing near···”

在安装Vue的脚手架(npm install -g @vue/cli 项目名称)时,提示: Unexpected end of JSON input while parsing near 其实,但凡使用npm 时,只要提示这个,都可以按照以下几种方式进行尝试. 第一种:删掉package.lock.json 第二种:清除cache npm cache clean --force第三种:进入下面这个文件夹,把文件夹npm-cache下的内容删除掉(清除cache) 路径:C:/Users/DELL

Mac OS X下安装Vue脚手架(vue-cli)

前言 Vue作为前端三大框架(Angular,React,Vue)之一,号称是最简单,最容易上手的框架,同时也是行内的大趋势,还可以用来开发最火的小程序.具有开发快,双向数据流等特点,有些人认为Vue是Angular和React的结合,既有Angular的模板语法也有React的组件化体系,以至于促使其发展飞快.下面来就来讲讲Vue脚手架(vue-cli)的安装吧. 安装vue(使用npm 推荐) # 全局安装 vue-cli $ npm install --global vue-cli # 创

使用yarn 安装 vue.js devtools(2020.1.6)

!!!坑:一言以蔽之:npm太慢,需要注册下taobao镜像 新年了,重装了系统,也就需要重装vue devtools了. clone了vue-devtools包. 安装办法如下: 1. Clone this repo2. `yarn install`3. `yarn run dev`4. A plain shell with a test app will be available at `localhost:8100`. -----------------------------------

关于npm和yarn安装node-sass失败并且依旧想使用NPM或者yarn的完美解决方案

由于某些不可描述的原因,利用npm进行安装模块的时候会发生xxx下载失败的情况node-sass尤其的频繁,或者说node-sass的二进制文件是接近百分百失败的,即使用yarn安装也依旧在这个点失败,有人说用cnpm就好了,这确实是最好的解决方案,但是总会有不同需求的(比如我-.-),不喜欢用cnpm而喜欢用npm或者yarn,那么该怎么办呢?以下是完美的解决方案: 首先我们需要把node-sass的二进制文件下载到本地来,这个文件可以选择去官方的github上下载或者去淘宝镜像官网下载,在下

vue脚手架安装

//---------------------------------------startvue新版脚手架 //卸载旧版本npm uninstall vue-cli -g cnpm install -g @vue/cli或yarn global add @vue/cli //新版本 vue --versioncnpm install webpack -g e:cd E:\AvsWorkSapcevue create ysxVue //启动项目 yarn serve // OR npm run

Vue脚手架(vue-cli)安装总结

单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序. 提供一个官方命令行工具,可用于快速搭建大型单页应用(SPA).该工具为现代化的前端开发工作流提供了开箱即用的构建配置.只需几分钟即可创建并启动一个带热重载.保存时静态检查以及可用于生产环境的构建配置的项目: 1 # 全局安装 vue-cli 2 $ npm install --global vue-cli