近期梳理了一下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是你的項目名稱。
好了,現在已經可以磨刀霍霍向你的項目了!