vue 開發 win7 環境搭建 和 打包 項目 和發佈策略

目錄

1.下載node.js 

2.下載好後安裝node 

3.下載cnpm可以運行的快點(淘寶鏡像)  

 4. 安裝 vue 

5.初始化一個項目

6.安裝各個文件之間的依賴

7.啓動

9.查看 

打包項目 

發佈策略



1.下載node.js 

  • vue的運行是要依賴於node的npm的管理工具來實現
  • http://nodejs.cn

 

2.下載好後安裝node 

  • 在cmd 中 node -v 測試 

3.下載cnpm可以運行的快點(淘寶鏡像)  

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

 4. 安裝 vue 

  • $ cnpm install --global vue-cli

安裝完後輸入  vue測試 有東西出來就ok了

 

5.初始化一個項目

  • $ vue init webpack my-project

 

出現下邊就ok了 全部回車

6.安裝各個文件之間的依賴

  • $ cnpm install

7.啓動

  • $ cnpm run dev

9.查看 

瀏覽器輸入 localhost:8080 回車,出現如下界面即可

 

 

打包項目 

  • $ cnpm run build 

打包後出現一個dist 的文件目錄 結果文件都在這個裏邊,然後index  可以放到瀏覽器中看

 

發佈策略

  • 發佈找個nginx 服務放到靜態中或找個端口映射下即可

 

 

ok

 

 

 

持續更新

 

 

 

 

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