這篇文章將為大家詳細講解有關搭建 Vuejs開發(fā)環(huán)境的方法,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
東麗網(wǎng)站建設公司創(chuàng)新互聯(lián)公司,東麗網(wǎng)站設計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為東麗1000+提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設公司要多少錢,請找那個售后服務好的東麗做網(wǎng)站的公司定做!Vue.js
Vue.js是目前很火的一個前端框架,采用MVVM模式設計,它是以數(shù)據(jù)驅動和組件化的思想構建的。相比于Angular.js,Vue.js提供了更加簡潔、更易于理解的API,使得我們能夠快速地上手并使用,特別適合單頁應用的開發(fā)。
Vue.js是數(shù)據(jù)驅動的,它通過一些特殊的語法,將DOM和數(shù)據(jù)綁定起來,無需手動操作DOM。一旦創(chuàng)建了綁定,DOM將和數(shù)據(jù)保持同步,每當變更了數(shù)據(jù),DOM也會相應地更新。
一、安裝NPM
1.1最新穩(wěn)定版本:
npm install vue
二、命令行工具安裝
國內速度慢,使用淘寶鏡像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
注意:以后使用npm的地方就替換成cnpm
1、全局安裝vue-vli
cnpm install -g vue-cli
2、創(chuàng)建一個基于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開發(fā)環(huán)境的方法”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。