vuejs開發(fā)環(huán)境搭建

vue開發(fā)環(huán)境搭建(官方推薦命令)

必須有node環(huán)境

npm install -global vue-cli / cnpm install -global vue-cli

1.創(chuàng)建&啟動項目(webpack創(chuàng)建)

#創(chuàng)建
vue init webpack vuedemo
#進(jìn)入項目路徑
cd vuedemo
#安裝依賴
npm install / cnpm install
#啟動
npm run dev

2.創(chuàng)建&啟動項目(webpack-simple創(chuàng)建)

#創(chuàng)建
vue init webpack-simple vuedemo
#進(jìn)入項目路徑
cd vuedemo
#安裝依賴
npm install / cnpm install
#啟動
npm run dev

vue-cli 2.X升級3.X

1.升級3.X之前需要卸載2.X

npm uninstall -global vue-cli

2.安裝vue-cli 3.X(以下3種命令都可以安裝)

npm install -g @vue/cli 
cnpm install -g @vue/cli 
yarn global add @vue/cli

3.創(chuàng)建&啟動項目

#創(chuàng)建項目
vue create vuedome01
#進(jìn)入項目路徑
cd vuedemo01
#啟動項目
npm run serve
#編譯項目
npm run build

PS:cnpm的安裝(淘寶鏡像)

#地址:http://npm.taobao.org/  
#安裝cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org

參考資料

vuejs安裝

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 其他文章Vuejs的生命周期函數(shù)vue-router配置vue模板語法vue計算屬性和偵聽器vue Class與S...
    rainbowboy閱讀 1,195評論 0 51
  • vuejs是一種介于react和angular中間的輕量級的mvvm框架,主要是數(shù)據(jù)綁定和組件化,先來介紹下如何用...
    小小羽y閱讀 1,021評論 0 0
  • 基于Vue的一些資料 內(nèi)容 UI組件 開發(fā)框架 實用庫 服務(wù)端 輔助工具 應(yīng)用實例 Demo示例 element★...
    嘗了又嘗閱讀 1,284評論 0 1
  • 1.使用cnpm (gzip 壓縮支持) 命令行工具代替默認(rèn)的 npm 2.查看cnpm版本 3.通過cnpm安裝...
    你期待的花開閱讀 401評論 0 5
  • 她,一個鄉(xiāng)下、受道德傳統(tǒng)跟家庭觀念熏陶的女孩,給人的第一印象,不是很漂亮,很文靜,讓你不知不覺會被她的身形所吸引,...
    馬德水閱讀 534評論 0 1

友情鏈接更多精彩內(nèi)容