1. 程式人生 > >node js構建一個vue並啟動它

node js構建一個vue並啟動它

ros install 項目 http node js 編譯打包 代碼 -- wid

安裝node js,到運行VUE的簡單過程

1、安裝node js
  下載地址:http://nodejs.cn/download/
2、安裝完成後運行Node.js command promptnode -v查看安裝版本)

  技術分享
3、安裝npm(由於現在版本的nodejs已經集成npm所以無需安裝,可以用npm -v 查看版本)

  技術分享
4、註冊cnpm來代替npm
  使用命令:npm install cnpm -g --registry=https://registry.npm.taobao.org
5、安裝vue腳手架vue-cli
  命令:npm install -g vue-cli

  安裝成功後可以用 vue -V

查看vue版本
6、cd到對應的目錄下初始化vue項目
  命令:vue init webpack my-project
      Project name 項目名
      Project description 項目名描述
      Author 作者郵箱
      Use ESLint to lint your code? 是否需要ESlist語法檢查
      Setup unit tests with Karma + Mocha? 是否需要單元測試
      Setup e2e tests with Nightwatch? Yes是否需要e2e測試

7、package.json為項目依賴資源,如果要運行這個項目需要使用cnpm install 安裝依賴項
8、使用命令npm run dev啟動項目,瀏覽器會打開 http://localhost:8080/#/ 看到以下效果

技術分享

  開發時屬於熱部署狀態,代碼保存後瀏覽器會自動刷新,錯誤提示也非常友好。

9、編譯打包 npm run build

  會編譯打包到項目dist文件夾下

技術分享

                                        作者:wanglu 日期:2017/6/21

node js構建一個vue並啟動它