vue-cli+webpack簡單使用

使用vue-cli搭建的項目已經在公司上線三個了，都是後臺系統，可是回過頭來再重新打一個項目，居然有點生疏了，這裏作一下記錄。

我這裏是使用的GitBash客戶端。

0、確保安裝了node環境，node安裝過程自行處理。

一、以管理員運行GitBash到你想要建立工程的父目錄裏。例如CD D: 直接切換到D盤。此時不用建立任何目錄。

不使用管理員權限的話，有可能報錯，例如mac終端下：

 要使用sudo命令：

 

二、輸入命令 

npm install -g vue-cli
使用該命令有可能報錯：

這時候用 cnpm install -g vue-cli 重裝一下就能夠了。

3、使用vue-cli初始化項目? Project name (project) vue-cli · inquirer.prompt(...).then is not a function

vue init webpack my-project
4、配置一下名稱、用到的功能等。（圖片借用）

這是個人配置：

 

五、cd到該目錄，install依賴，npm run dev 就能夠成功啓動一個vue+webpack的項目了。