使用npm下载vue

分手后的思念是犯贱 2021-11-02 00:54 513阅读 0赞

## 一、安装npm ##

### 1. 安装node.js ###

**npm**(Node Package Manager): node.js下的包管理器

前往node.js官网下载并安装工具，nodejs安装完毕后自动会安装npm，在命令行输入以下命令测试是否安装成功，正确会出现版本号。

node -v
    npm -v

再看看另外2个目录: C:\\Users\\Administrator\\AppData\\Roaming下的npm和npm-cache，npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过，一使用缓存目录就生成了)，我们试图把这2个目录移动回到D:\\nodejs

### 2. 更改本地库和缓存目录 ###

先在nodejs目录下新建2个文件夹: node\_cache和node\_global

然后运行以下2条命令

npm config set prefix "D:\nodejs\node_global"
    npm config set cache "D:\nodejs\node_cache"

看一下npm的本地仓库，输入以下命令发现目录已经改变：

npm list -global

### 3. 配置下载源地址 ###

输入以下命令配置淘宝镜像站：

npm config set registry=http://registry.npm.taobao.org

输入以下命令显示所有配置信息：

`npm config list npm config list`

我们关注一个配置文件C:\\Users\\Administrator\\.npmrc, 发现刚才配置的信息在该文件当中。

### 4. 更新npm ###

更新npm：

npm install npm -g

再次查看global里有什么模块：

npm list -global

### 5. 增加环境变量 ###

将D:\\nodejs\\node\_global加入环境变量PATH中。

## 二、下载核心库vue.js ##

### 1. 安装bower ###

先安装bower：(安装bower需先安装node.js和git)

npm insall bower -g

安装后，在node\_global目录下会增加相应命令。

查看vue的版本：

bower info vue

### 2. 初始化npm ###

初始化npm，在项目中引导创建一个package.json文件用以保存安装包的信息：

npm init --yes

### 3. 下载vue至本地 ###

**进入到项目根目录**，cnpm install vue --save或-S（cnpm为淘宝npm，若npm更改下载源地址为淘宝源，可以不用cnpm，直接用npm）

npm install vue --save

转载于:https://www.cnblogs.com/steven0325/p/11005138.html

发表评论取消回复

表情：

评论列表（有 0 条评论，513人围观）

还没有评论，来说两句吧...

相关阅读

相关 npm、vue、vue/cli的安装使用流程

npm、vue、vue/cli的安装使用流程：一-下载并安装node.js,官网：https://nodejs.org/zh-cn，双击运行安装。二、npm -v：

柔光的暖阳◎/ 2024年03月24日 19:40/ 0 赞/ 34 阅读

相关使用cnpm代替npm优化下载速度

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

小咪咪/ 2023年10月05日 10:48/ 0 赞/ 33 阅读

相关 Vue初学之使用npm搭建Vue环境

这里系统是windows，先安装node(新版的Node.js已自带npm)，然后使用npm安装vue，这里没有使用nvm。【1】node安装官网地址：https:

雨点打透心脏的1/2处/ 2023年06月30日 06:44/ 0 赞/ 37 阅读

相关使用npm搭建vue

0.1、打开命令提示符窗口，输入npm -v 回车，有版本号显示说明npm已安装。 0.2、输入node -v 回车，有版本号显示说明nodejs已经安装。之后就可以直接安

小咪咪/ 2023年02月21日 11:37/ 0 赞/ 30 阅读

相关 npm下载慢问题

带宽测速 [https://www.speedtest.net/][https_www.speedtest.net] [https://www.speedtest.cn

以你之姓@/ 2023年01月21日 05:23/ 0 赞/ 197 阅读

相关使用 npm 启动vue项目

在cmd中找到vue项目存放的路径，例如我是在E盘根目录下创建了一个名为vue01的项目，首先在cmd中输入 "E:" ，然后按回车，然后输入 "cd vue01" ，

深藏阁楼爱情的钟/ 2022年12月10日 03:45/ 0 赞/ 727 阅读

相关 npm下载安装 nodejs下载安装

npm下载安装 nodejs下载安装 1. 打开nodejs官网 http://nodejs.cn/ ![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存

た入场券/ 2022年11月07日 13:29/ 0 赞/ 303 阅读

相关使用npm打包vue项目流程

使用npm打包vue项目流程修改权限安装命令运行打包修改权限进入到项目的目录中 > chmod

港控/mmm°/ 2022年10月23日 09:51/ 0 赞/ 282 阅读

相关使用 npm 安装 Vue

使用 npm 安装 Vue 一般使用 npm 下载都是用来搭建脚手架，前查看： [Vue 框架-10-搭建脚手架 CLI + 批处理快捷启动][Vue _-10-_

青旅半醒/ 2022年04月18日 02:35/ 0 赞/ 474 阅读

相关使用npm下载vue

一、安装npm 1. 安装node.js npm(Node Package Manager): node.js下的包管理器前往node.js官网下载并安装工具，

分手后的思念是犯贱/ 2021年11月02日 00:54/ 0 赞/ 514 阅读