使用vue腳手架搭建項(xiàng)目的方法-創(chuàng)新互聯(lián)

了解使用vue腳手架搭建項(xiàng)目的方法？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站建設(shè)、網(wǎng)站制作、新榮網(wǎng)絡(luò)推廣、微信小程序、新榮網(wǎng)絡(luò)營銷、新榮企業(yè)策劃、新榮品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供新榮建站搭建服務(wù)，24小時服務(wù)熱線：18982081108，官方網(wǎng)址：muchs.cn

使用vue腳手架搭建項(xiàng)目的方法：1、全局安裝vue-cli腳手架；2、打開命令提示符，通過cd命令進(jìn)入項(xiàng)目所在文件夾；3、創(chuàng)建vue-cli工程項(xiàng)目；4、安裝依賴；5、啟動項(xiàng)目。

說明：

下面整個過程是基于已經(jīng)安裝node.js和cnpm的基礎(chǔ)上。

全局化安裝cnpm：

npm install cnpm -g --registry=https://registry.npm.taobao.org

其實(shí)對于安裝vue-cli，使用npm命令和cnpm命令都是可以的，個人覺得使用npm安裝的比較慢，而且很可能會因?yàn)榫W(wǎng)絡(luò)問題而出錯，所以還是覺得使用cnpm穩(wěn)一點(diǎn)。

（1）全局安裝 vue-cli ，在命令提示窗口執(zhí)行：

cnpm install -g vue-cli

出現(xiàn)以上提示表示vue-cli正常安裝成功，可以正式創(chuàng)建vue-cli工程項(xiàng)目了。

（2）安裝vue-cli成功后，通過cd命令進(jìn)入你想放置項(xiàng)目的文件夾，在命令提示窗口執(zhí)行創(chuàng)建vue-cli工程項(xiàng)目的命令：

vue init webpack

確認(rèn)創(chuàng)建項(xiàng)目后，后續(xù)還需輸入一下項(xiàng)目名稱、項(xiàng)目描述、作者、打包方式、是否使用ESLint規(guī)范代碼等等，詳見上圖。安裝順利執(zhí)行后會，生成如下文件目錄：

（3）生成文件目錄后，使用 cnpm 安裝依賴：

cnpm install

（4）最后需要執(zhí)行命令： npm run dev 來啟動項(xiàng)目，啟動完成后會自動彈出默認(rèn)網(wǎng)頁：

這樣就成功利用vue-cli搭建一個vue項(xiàng)目了。

感謝各位的閱讀！看完上述內(nèi)容，你們對使用vue腳手架搭建項(xiàng)目的方法大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站名稱：使用vue腳手架搭建項(xiàng)目的方法-創(chuàng)新互聯(lián)
新聞來源：http://muchs.cn/article18/dejegp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、標(biāo)簽優(yōu)化、響應(yīng)式網(wǎng)站、域名注冊、網(wǎng)站策劃、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)