建站
咨詢
售后
建站咨詢
新聞中心
問題描述
成都創(chuàng)新互聯(lián)長期為上千家客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為聊城企業(yè)提供專業(yè)的成都網(wǎng)站建設、網(wǎng)站設計，聊城網(wǎng)站改版等技術服務。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
最近在學習Vue的框架，Vue 是一套用于構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。另一方面，當與現(xiàn)代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為復雜的單頁應用提供驅動。但初學者剛接觸框架的時候怎么創(chuàng)建Vue項目呢?
解決方案
Vue的腳手架是依賴于node.js，我們先要安裝node.js，但是node.js到底是什么呢?可以用一句話概括：node.js是可以讓JavaScript在服務器端運行起來的環(huán)境，對于我們剛剛接觸的小白來說，可能會有這樣的疑問：Vue和node.js有什么關系?我使用Vue寫前端頁面，難道一定需要安裝node.js嗎?我們也可以不使用node.js，但隨著學習的深入，會了解到使用腳手架快速搭建自己的前端項目，所以搭建vue環(huán)境必須得安裝node.js，總的來說;搭建vue項目需要node.js環(huán)境(npm包管理器)、vue-cli 腳手架構建工具、cnpm npm的淘寶鏡像。
接下來就是展示項目搭建的過程：
從node.js官網(wǎng)下載并安裝node，安裝過程很簡單，一路“下一步”就可以了(傻瓜式安裝)。安裝完成之后，打開命令行工具，輸入 node -v，如下圖，如果出現(xiàn)相應的版本號，則說明安裝成功。
npm包管理器，是集成在node中的，所以，直接輸入 npm -v就會如下圖所示，顯示出npm的版本信息。node環(huán)境已經(jīng)安裝完成，npm包管理器也有了。由于某些資源被屏蔽的原因經(jīng)常會導致用npm安裝依賴包的時候失敗，所以還需要npm的國內(nèi)鏡像---cnpm。在命令行中輸入npm install -g cnpm–registry=https://registry.npm.taobao.org安裝完成如下圖。
完成之后，我們就可以用cnpm代替npm來安裝依賴包了。在命令行中運行命令 cnpm install -g vue-cli，然后等待安裝完成。在命令行中運行命令 vue initwebpack firstVue 。解釋一下這個命令，這個命令的意思是初始化一個項目，其中webpack是構建工具，也就是整個項目是基于webpack的。其中firstVue是整個項目文件夾的名稱，這個文件夾會自動生成在你指定的目錄中(我的實例中，會在桌面生成該文件夾)，如下圖。
安裝完成之后，會在我們的項目目錄文件夾中多出一個node_modules文件夾，這里邊就是我們項目需要的依賴包，基本上項目搭建就完成了。如果還需要了解更深的vue的搭建還需要進一步探索學習。
網(wǎng)站欄目：淺談如何搭建Vue項目
地址分享：http://www.dlmjj.cn/article/dhhgocg.html
