1. 程式人生 > 其它 >如何搭建一個vue專案

如何搭建一個vue專案

  1、下載地址為:https://nodejs.org/en/

  2、檢查是否安裝成功:如果輸出版本號,說明我們安裝node環境成功

  3、為了提高我們的效率,可以使用淘寶的映象:http://npm.taobao.org/

  輸入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安裝npm映象,以後再用到npm的地方直接用cnpm來代替就好了。

 檢查是否安裝成功:

搭建vue專案環境

  1、全域性安裝vue-cli

  npm install --global vue-cli

  

  2、進入你的專案目錄,建立一個基於 webpack 模板的新專案: vue init webpack 專案名

    

  說明:

    Vue build ==> 打包方式,回車即可;

    Install vue-router ==> 是否要安裝 vue-router,專案中肯定要使用到 所以Y 回車;

    Use ESLint to lint your code ==> 是否需要 js 語法檢測 目前我們不需要 所以 n 回車;

    Set up unit tests ==> 是否安裝 單元測試工具 目前我們不需要 所以 n 回車;

    Setup e2e tests with Nightwatch ==> 是否需要 端到端測試工具 目前我們不需要 所以 n 回車;

  3、進入專案:cd vue-demo,安裝依賴

  

安裝成功後,專案資料夾中會多出一個目錄: node_modules

專案啟動成功:

  

搜尋

複製