vue-cli2.0腳手架搭建項目

1.安裝的前提條件

node -v 
npm -v

 

2.全局安裝vue-cli

vue --version  //(檢測是否全局安裝vue-cli)
npm install vue-cli -g

 

3.項目初始化

vue init webpack vue-demo(vue-demo爲項目名稱,不寫默認爲vue)
vue init webpack-simple vue-project(webpack簡化版)

 

4.可以看到如下,一直回車

image.png

  • 注意以下:
    • vue-router暫時不用所以不安裝
    • ESLint嚴格模式不安裝
    • unit test,e2e test測試模式不安裝    

image.png

 

看到此處,vue-cli腳手架已經搭建好了。

 

5.安裝運行包(npm安裝(無node_modules包才執行此處))

npm install

//卸載包
npm uninstall
//更新包
npm update

 

6.運行項目

npm run dev

 

image.png

如何自動打開瀏覽器,手動輸入地址: http://localhost:8080

原文鏈接:https://www.yuque.com/docs/share/a7f4b075-c691-41b7-9042-79779f2427d3

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章