>[danger] 請記住，所有的Vue項目及其衍生項目都依賴于Node.js # Node.js、npm的安裝 快速鏈接：[NodeJs中文網](http://nodejs.cn/download/) 進入官網后按照Windows版本下載，安裝時會要求選擇時否安裝chocolatey，如果是Windows版本建議選擇是，因為安裝chocolatey過程中會安裝一些依賴，如python等，對后續npm使用會有幫助。 整個過程安裝完成后，Node會自動給你安裝npm，如果不知道npm是什么的話你就理解成是一個依賴包管理器即可，接下來對npm做一些配置。 ## npm的配置 1. 更換npm源，由于npm默認源在國外，所以很慢，首先需要更換npm源 ~~~cpp npm config set registry https://registry.npm.taobao.org ~~~ 2. 配置npm的緩存及目錄 ~~~swift npm config set cache "C:\Program Files\nodejs\npm-cache" npm config set prefix "C:\Program Files\nodejs\npm-global" # 將"C:\Program Files\nodejs\npm-global" 路徑添加至環境變量 ~~~ 3. 安裝cnpm（國版npm） ~~~cpp npm i -g cnpm --registry=https://registry.npm.taobao.org # 添加插件目錄 cnpm config set cache "C:\Program Files\nodejs\npm-cache" cnpm config set prefix "C:\Program Files\nodejs\npm-global" # 安裝cnpm后以后npm命令使用cnpm代替 ~~~ 4. 查看配置 ~~~ cnpm/npm config ls -l ~~~ ## vue/cli安裝 ~~~cpp # 先使用命令查看是否安裝了vue >npm ll -g C:\Program Files\nodejs\npm-global │ ├── cnpm@7.1.1 │ cnpm: npm client for cnpmjs.org ├── node-sass@7.0.1 │ Wrapper around libsass └── npm@8.5.5 a package manager for JavaScript # 安裝vue/cli >cnpm install -g @vue/cli # 安裝完成后查看 > npm ll -g C:\Program Files\nodejs\npm-global │ ├── @vue/cli@5.0.4 │ Command line interface for rapid Vue.js development ├── cnpm@7.1.1 │ cnpm: npm client for cnpmjs.org ├── express@4.17.3 │ Fast, unopinionated, minimalist web framework ├── node-sass@7.0.1 │ Wrapper around libsass └── npm@8.5.5 a package manager for JavaScript ~~~