溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關搭建 Vuejs開發環境的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
Vue.js
Vue.js是目前很火的一個前端框架，采用MVVM模式設計，它是以數據驅動和組件化的思想構建的。相比于Angular.js，Vue.js提供了更加簡潔、更易于理解的API，使得我們能夠快速地上手并使用，特別適合單頁應用的開發。
Vue.js是數據驅動的，它通過一些特殊的語法，將DOM和數據綁定起來，無需手動操作DOM。一旦創建了綁定，DOM將和數據保持同步，每當變更了數據，DOM也會相應地更新。
一、安裝NPM
1.1最新穩定版本：
npm install vue
二、命令行工具安裝
國內速度慢，使用淘寶鏡像：
npm install -g cnpm --registry=https://registry.npm.taobao.org
注意：以后使用npm的地方就替換成cnpm
1、全局安裝vue-vli
cnpm install -g vue-cli
2、創建一個基于webpack模板的新項目
vue init webpack my-project
輸入安裝命令后，稍等一會提示輸入：
2.1項目項目名稱：
2.2項目描述：
2.3作者：
2.4是否使用ESlint：（可以選擇不需要，ESlint是一套語法檢查工具）
2.5是否需要單元測試：（可以選擇不需要）
說明：
webpack：項目類型，用webpack這套模板進行壓縮和打包。
my-project：項目名稱。
3、安裝依賴
3.1進入項目：
cd my-project
3.2安裝依賴：
cnpm install
說明：
3.2.1會將依賴安裝到項目node_modules文件夾中。
3.2.2可以使用cnpm命令，是因為webpack安裝好了相應依賴。
3.2.3 Package.json文件說明:
主要包含:項目描述、相關依賴。
3.3運行項目：
cnpm run dev
通過訪問http://127.0.0.1:8080訪問運行起來的項目。
關于“搭建 Vuejs開發環境的方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
