上面一節(jié)我們已經(jīng)成功的安裝了nodejs,并且配置了npm的全局環(huán)境變量,那么這一節(jié)我們就來正式的安裝vue-cli,然后在webstorm開發(fā)者工具里運行我們的vue項目。
創(chuàng)新互聯(lián)堅持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站制作、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的開福網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!這一節(jié)有兩種創(chuàng)建vue項目的方式
npm config set registry https://registry.npm.taobao.org
1,桌面創(chuàng)建一個空文件夾,如vue0117
進入這個文件夾,然后在頂部地址欄,輸入cmd,然后回車鍵即可快速的打開dos命令行,并且定位到當(dāng)前目錄。
npm install -g vue-cli
等待安裝
安裝完成如下,這里顯示vue-cli的版本號,即代表安裝完成
vue init webpack my-project
如項目名為vue001
在出現(xiàn)下面幾個詢問項時,直接按照箭頭所示的操作即可
下載項目所需類庫
項目創(chuàng)建完成后,如下
4,cd vue001進入項目目錄
5,執(zhí)行 npm install 下載所需類庫 下載中
下載完成
導(dǎo)入剛才創(chuàng)建的vue項目
7,運行項目
項目運行成功后,在瀏覽器里打開下面鏈接
到這里就代表項目成功的創(chuàng)建并運行了。
1,點擊file,然后new,然后點擊project
2,構(gòu)建項目
3,等待項目創(chuàng)建和類庫加載
耗時可能比較長,耐心等待。。。。
3,上面構(gòu)建成功后,可以運行并瀏覽項目了
到這里,兩種創(chuàng)建vue項目的方式都講完了,后面我會錄制專門的視頻來講解。敬請期待。
網(wǎng)站名稱:vue入門002~vue項目的兩種創(chuàng)建方式-創(chuàng)新互聯(lián)
鏈接分享:http://muchs.cn/article10/csjpgo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、網(wǎng)站內(nèi)鏈、Google、標(biāo)簽優(yōu)化、軟件開發(fā)、用戶體驗
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)