vue-cli安裝

近期梳理了一下win和linux下安裝vue專案，總結一下，希望對於看的人有幫助，廢話不多說。

Linux下安裝

因為我用的是deepin,所以再此就不演示了。首先電腦上已經安裝好了node和npm了，如果沒有安裝的，後期需要npm包管理工具，如果還沒有安裝的，可以自己百度進行安裝。

首先檢視一下node和npm的版本，兩個版本不能相差太大，如果相差太大可能在後期安裝vue的時候會有一些不可預知的錯誤。

npm -v:檢視npm版本

node -v：檢視node版本

lishanlei@lishanlei-pc:~$ npm -v
5.3.0

lishanlei@lishanlei-pc:~$ node -v
v8.4.0

　　

注意，win下和linux下其最新版本可能不同，不必糾結於這些。

升級npm到最新版本：

npm install -g npm

如果想gengxin到指定版本：

npm -g install npm@2.9.1  //後面的是版本。

升級node版本：

清除npm cache：

sudo npm cache clean -f  

 安裝n模組：

sudo npm install -g n  

指定升級到受歡迎的版本：

sudo n 0.8.11

當然，你也可以升級到最新版本：

sudo n stable  

OK，檢視當前版本是否升級成功。

成功之後我們開始安裝vue

在安裝時用到npm包管理工具，但是npm是外國的，老牛拉破車一般的速度，建議使用淘寶映象用cnpm替換npm，特別簡單：

npm install -g cnpm --registry=https://registry.npm.taobao.org

這樣就將本地的npm替換成了cnpm,如果想了解更過，可以訪問npm.taobao.org，在此不做敘述。
安裝vue:

cnpm install vue

安裝完後檢視vue是否安裝：

lishanlei@lishanlei-pc:~$ vue

Usage: vue <command> [options]


Options:

-V, --version output the version number
-h, --help output usage information


Commands:

init generate a new project from a template
list list available official templates
build prototype a new project
help [cmd] display help for [cmd]

OK，安裝成功，下來安裝vue的管理工具vue-cli:

cnpm install --global vue-cli

好了，安裝成功，過程可能有點長，耐心等待。

下來我們就可以建立一個基於 webpack 模板的新專案了：

vue init webpack my-project

my-project是你的專案名稱，在安裝過程中有很多選項，根據自己的需求進行選擇。

進入新專案：

cd my-project

安裝依賴，走你:

npm install

好了，現在依賴已經安裝成功了，可以啟動你的專案了：

npm run dev

 

=============================================================================================================================

windows下的安裝

windows下的安裝和linux下安裝差不多，只是在建立新的專案的時候命令不同：

vue init webpack my-project

webpack是模板名稱，my-project是你的專案名稱。

 

好了，現在已經可以磨刀霍霍向你的專案了！