yarn芙盘,想必大家都并陌生豆村。就算大家不知道它是個什么東西的時候液兽,說起npm,一定很熟悉了吧掌动。yarn也是和npm的功能一樣四啰,都是一個包管理工具。yarn是Facebook的產品粗恢。想比npm柑晒,yarn感覺更強大,而且感覺更好用眷射。尤其是一個團隊一起開發(fā)的時候匙赞。也許團隊中的使用的某些包名版本不一致,yarn會根據(jù)本地的package中妖碉,自動下載各自的版本包涌庭,如果使用npm,包版本不一致就可能會報錯欧宜。由于剛開始接觸前端坐榆,水平比較初級,希望大家提出寶貴的意見冗茸,謝謝席镀。
下面簡單介紹一下yarn的使用匹中,構建一個vue項目.
1、yarn的安裝
說明:yarn的使用也是和npm一樣豪诲,之前要安裝好nodejs環(huán)境顶捷。如果沒有安裝,請先安裝nodejs.
yarn的中文文檔地址屎篱,上面有詳細的地址焊切。
https://yarnpkg.com/zh-Hans/docs
yarn命令的基本使用,它的命令基本和npm的使用一致芳室,會有細微的差異专肪。
https://yarnpkg.com/zh-Hans/docs/cli/
yarn的安裝因為文檔中有詳細的介紹,在這里就不在一一介紹堪侯。請參考官方文檔進行安裝嚎尤。
https://yarnpkg.com/zh-Hans/docs/install
2、構建vue項目
//安裝vue腳手架伍宦,這是構建vue項目的工具-g為全局安裝
npm install -g vue-cli
//使用webpack打包工具
vue init webpack my-project
//之后會提示一些信息芽死,全部選擇yes,一直敲回車即可
//完成之后,進入到創(chuàng)建的項目根目錄下
cd my-project
//安裝依賴包
yarn
//說明:yarn是yarn install的簡寫次洼,可直接敲擊yarn关贵,功能和npm install一樣
//最后運行項目
yarn run dev
//瀏覽器會自動打開運行一個頁面,出現(xiàn)以下頁面卖毁,說明成功了揖曾。
此外,新創(chuàng)建的項目默認是使用8080端口的亥啦,如果端口被占用或者是需要更改端口的炭剪,進入都項目中的根目錄中,有個config文件翔脱,下面有個index.js文件奴拦,在里面更改自己的端口號即可。