?

目錄

1.node.js 安裝：

2 npm 安裝

3 安裝Vue-cli?

4總結：

---

?

一般情況下，單文件組件，我們運行在 自動化工具vue-CLI中，可以幫我們編譯單文件組件。所以我們在學習時一般需要在系統中先搭建vue-CLI工具

下面就是一些我在安裝過程中的記錄

官網：https://cli.vuejs.org/zh/

Vue CLI 需要 Node.js 8.9 或更高版本 (推薦 8.11.0+)。你可以使用 nvm 或 nvm-windows在同一臺電腦中管理多個 Node 版本。

nvm工具的下載和安裝(參考)：

nvm介紹及使用 - 簡書一、介紹 我們可能同時在進行2個項目，而2個不同的項目所使用的node版本又是不一樣的，或者是要用更新的node版本進行試驗和學習。這種情況下，對于維護多個版本的no...https://www.jianshu.com/p/d0e0935b150a

Mac OS 下 NVM 的安裝與使用 - 簡書nvm，node，npm之間的區別。 nvm：nodejs 版本管理工具。也就是說：一個 nvm 可以管理很多 node 版本和 npm 版本。nodejs：在項目開發時的所...https://www.jianshu.com/p/622ad36ee020

?

安裝過程一些記錄：

打開:https://github.com/coreybutler/nvm-windows/releases

nvm list   # 列出目前在nvm里面安裝的所有node版本
nvm install node版本號      # 安裝指定版本的node.js例子：nvm install 12.13.1nvm uninstall node版本號    # 卸載指定版本的node.js
nvm use node版本號          # 切換當前使用的node.js版本	

?

?

如果使用nvm工具，則直接可以不用自己手動下載，如果使用nvm下載安裝 node的npm比較慢的時候，可以修改nvm的配置文件(在安裝根目錄下) ?

# settings.txt
root: C:\tool\nvm    [這里的目錄地址是安裝nvm時自己設置的地址,要根據實際修改]
path: C:\tool\nodejs
arch: 64
proxy: none
node_mirror: https://mirrors.tuna.tsinghua.edu.cn/nodejs-release// 
npm_mirror: https://mirrors.tuna.tsinghua.edu.cn/npm/

1.node.js 安裝：

使用上一部分nvm 工具安裝

nvm install node版本號      # 安裝指定版本的node.js

node.js的版本有兩大分支：

官方發布的node.js版本：0.xx.xx 這種版本號就是官方發布的版本（推薦）

社區發布的node.js版本：xx.xx.x 就是社區開發的版本

Node.js如果安裝成功，可以查看Node.js的版本,在終端輸入如下命令：

node -v

2 npm 安裝

在安裝node.js完成后，在node.js中會同時幫我們安裝一個npm包管理器npm。我們可以借助npm命令來安裝node.js的包。這個工具相當于python的pip管理器。

npm install -g 包名 ? ? ? ? ? ? ?# 安裝模塊 ? -g表示全局安裝，如果沒有-g，則表示在當前項目安裝
npm list ? ? ? ? ? ? ? ? ? ? ? ?# 查看當前目錄下已安裝的node包
npm view 包名 engines ? ? ? ? ? ?# 查看包所依賴的Node的版本?
npm outdated ? ? ? ? ? ? ? ? ? ?# 檢查包是否已經過時，命令會列出所有已過時的包
npm update 包名 ? ? ? ? ? ? ? ? ?# 更新node包
npm uninstall 包名 ? ? ? ? ? ? ? # 卸載node包
npm 命令 -h ? ? ? ? ? ? ? ? ? ? ?# 查看指定命令的幫助文檔

3 安裝Vue-cli?

npm install -g vue-cli
npm install -g vue-cli --registry https://mirrors.tuna.tsinghua.edu.cn/

如果安裝速度過慢，一直超時，可以考慮切換npm鏡像源 ?:

https://mirrors.tuna.tsinghua.edu.cn/

指令：

1     //臨時使用2     npm install jquery --registry https://registry.npm.taobao.org3 4     //可以把這個選型配置到文件中，這樣不用每一次都很麻煩5     npm config set registry https://registry.npm.taobao.org6 7     //驗證是否配置成功 8     npm config list 或者 npm config get registry9 
10     //在任意目錄下都可執行,--global是全局安裝，不可省略
11     npm install --global cnpm 或者 npm install -g cnpm --registry=https://mirrors.tuna.tsinghua.edu.cn/
12 
13     //安裝后直接使用
14     cnpm install jquery

?npm和cnpm介紹(參考)

參考博客： npm 和 cnpm 區別_cnpm和npm-CSDN博客文章瀏覽閱讀4.9w次，點贊6次，收藏41次。本文介紹了NodeJS的包管理器NPM的基本操作，包括安裝、卸載、更新插件的方法，以及如何將插件信息保存到項目的package.json文件中。此外，還介紹了為了解決NPM下載速度慢的問題，國內開發者常用的CNPM工具及其安裝和使用方法。https://blog.csdn.net/jack_bob/article/details/80644376

4總結：

安裝vue-cli

nvm是node.js的版本管理工具

1 安裝node.js 自帶npm

2 通過npm 安裝vue-cli 它的運行需要依賴node.js的環境

?