[TOC] >[success] # 前言 接下來要 **創建項目** 需要安裝一些環境。 >[success] ## 安裝nodejs 因為是 **node** 作為環境以及一些 **node** 的一些 **依賴包管理** ，以及 **npm** 的 **指令** ，都是需要 [安裝node](https://nodejs.org/en/) 后才可以使用，首先到 [nodejs官網](https://nodejs.org/en/) 去下載，根據對應系統去下載后安裝node（我這里安裝的是64位穩定版）。  安裝完成后可以在 **cmd** 上打印一下 **node -v** 看看是否安裝成功，如果安裝成功會有 **版本號** 提示，此處無效重新打開 **cmd** ，繼續執行此操作。  <br/> >[success] ## 安裝淘寶鏡像 因為npm比較慢，這里我安裝一下國內 [淘寶鏡像](https://npm.taobao.org/) ，執行指令： ~~~ npm install -g cnpm --registry=https://registry.npm.taobao.org ~~~ 安裝完成 **淘寶鏡像** 后可以直接執行以下指令 ~~~ cnpm -v ~~~ 查看 **cnpm版本號** 。 >[success] ## 安裝vue-cli **vue腳手架** 指的是 **vue-cli** ，它是一個專門為 **單頁面應用快速搭建繁雜項目的腳手架** ，它可以輕松的創建新的應用程序而且可用于 **自動生成vue和webpack的項目模板** 。 1. **先卸載原來全局安裝的vue-cli** ~~~ cnpm uninstall -g vue-cli ~~~ 2. **安裝新版vue-cli** ~~~ cnpm install -g @vue/cli ~~~ 3. **查看vue-cli版本號** ~~~ vue --version ~~~ 或者 ~~~ vue -V ~~~ 4. **查看webpack版本號** ~~~ npm info webpack ~~~ <br> >[success] ## 創建項目 **創建項目** 有 **2種方式** 1. **用指令的方式創建項目** ， **vue create** 后面的英文為 **項目名稱** ~~~ vue create vue-demo ~~~ 2. **使用vue ui來創建項目，vue ui是vue-cli提供的可視化的項目管理工具** ~~~ vue ui ~~~