新聞中心
這篇文章將為大家詳細(xì)講解有關(guān)運(yùn)行vue.js項(xiàng)目的方法,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),鏡湖網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:鏡湖等地區(qū)。鏡湖做網(wǎng)站價(jià)格咨詢:18980820575
vue.js項(xiàng)目運(yùn)行的方法:首先下載并安裝node,并運(yùn)行相關(guān)命令;然后選定目錄,選擇桌面來存放新建的項(xiàng)目;最后在桌面目錄下,在命令行中運(yùn)行命令,初始化一個(gè)項(xiàng)目。
vue.js項(xiàng)目運(yùn)行的方法:
1、下載并安裝node,安裝過程很簡單,一路“下一步”就可以了,安裝完成之后,打開命令行工具,輸入 node -v,如下圖,如果出現(xiàn)相應(yīng)的版本號(hào),則說明安裝成功。
2、npm包管理器,是集成在node中的,所以,直接輸入 npm -v就會(huì)如下圖所示,顯示出npm的版本信息。
3、在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待。
4、在命令行中運(yùn)行命令 cnpm install -g vue-cli ,然后等待安裝完成。通過以上三部,我們需要準(zhǔn)備的環(huán)境和工具都準(zhǔn)備好了,接下來就開始使用vue-cli來構(gòu)建項(xiàng)目。
5、要?jiǎng)?chuàng)建項(xiàng)目,首先我們要選定目錄,然后再命令行中把目錄轉(zhuǎn)到選定的目錄。在這里,我選擇桌面來存放新建的項(xiàng)目,則我們需要先把目錄cd到桌面。
6、在桌面目錄下,在命令行中運(yùn)行命令 vue init webpack firstVue 。這個(gè)命令的意思是初始化一個(gè)項(xiàng)目,其中webpack是構(gòu)建工具,也就是整個(gè)項(xiàng)目是基于webpack的。其中firstVue是整個(gè)項(xiàng)目文件夾的名稱,這個(gè)文件夾會(huì)自動(dòng)生成在你指定的目錄中。
關(guān)于運(yùn)行vue.js項(xiàng)目的方法就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。
本文標(biāo)題:運(yùn)行vue.js項(xiàng)目的方法
分享鏈接:http://www.dlmjj.cn/article/pgiooi.html