如何搭建一個vue專案
阿新 • • 發佈:2022-05-12
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
專案啟動成功:
搜尋
複製