站長(zhǎng)資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

        怎么使用vue-cli來(lái)搭建vue項(xiàng)目和webpack?

        用Vue比較長(zhǎng)一段時(shí)間了,大大小小做了一些項(xiàng)目,最近想總結(jié)一下知識(shí)點(diǎn),出一個(gè)Vue+webpack系列,先從項(xiàng)目構(gòu)建說(shuō)起——vue-cli.

        由于是Vue+webpack這里就不贅述git那些東西,默認(rèn)環(huán)境都配置好了。

        第一步先建立一個(gè)文件夾我這里是apronew;

        第二步在文件夾里面打開git bash,然后敲命令行npm install –global vue-cli,全局安裝 vue-cli,如果已經(jīng)全局安裝可不用再裝一次;

        怎么使用vue-cli來(lái)搭建vue項(xiàng)目和webpack?

        第三步: 第二步成功之后,創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目敲命令行: vue init webpack test-vue-cli

        怎么使用vue-cli來(lái)搭建vue項(xiàng)目和webpack?

        當(dāng)完成第三步,進(jìn)入到新init的文件夾此時(shí)是這樣的

        怎么使用vue-cli來(lái)搭建vue項(xiàng)目和webpack?

        第四步:安裝依賴包,用命令行npm install(這里推薦用cnpm淘寶鏡像,比較快)

        安裝過程是這樣的

        怎么使用vue-cli來(lái)搭建vue項(xiàng)目和webpack?

        安裝成功是這樣的

        怎么使用vue-cli來(lái)搭建vue項(xiàng)目和webpack?

        此時(shí)就可以進(jìn)行最后一步跑起來(lái)啦;

        第五步:npm run dev;(至于為什么是run dev 以及這個(gè)命令行敲完干了些什么日后再補(bǔ)上)

        如果有依賴沒安裝上,這一步會(huì)有報(bào)錯(cuò),繼續(xù)安裝一下響應(yīng)的依賴就行了;出現(xiàn)以下狀態(tài)就表示大功告成啦!

        怎么使用vue-cli來(lái)搭建vue項(xiàng)目和webpack?

        怎么使用vue-cli來(lái)搭建vue項(xiàng)目和webpack?

        用Vue 腳手架構(gòu)建項(xiàng)目結(jié)束!

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)
        主站蜘蛛池模板: 国产精品99久久久久久宅男| 热久久国产欧美一区二区精品| 精品视频一区二区三区| 日韩人妻精品无码一区二区三区 | 野狼精品社区| 国产在线精品一区二区夜色| 久久人人爽人人精品视频| 国产高清在线精品二区一| 久久精品国产精品亚洲毛片| 合区精品久久久中文字幕一区 | 久久91精品国产91久久麻豆| 亚洲精品无码久久久久| 精品国产一区二区三区色欲| 天天视频国产精品| 久久精品国产亚洲7777| 国产va免费精品| 热99re久久国超精品首页| 国产精品高清一区二区三区不卡| 精品一区二区三区东京热| 亚洲精品国产精品乱码视色 | 久久久久亚洲精品男人的天堂| 成人国产精品秘 果冻传媒在线| 久久精品国产99国产电影网 | 国产精品美女网站在线观看| 中文字幕精品一区二区日本| 国内精品久久国产大陆| 国产精品久久久久久久久免费 | 亚洲精品狼友在线播放| 无码精品A∨在线观看中文| 亚洲精品午夜国产VA久久成人| 亚洲国产精品自产在线播放| 欧美日韩综合精品| 亚洲国产精品成人久久蜜臀| 亚洲av午夜成人片精品电影| 亚洲国产精品一区二区三区久久| 尤物yw午夜国产精品视频| 日韩精品无码一区二区三区不卡 | 午夜精品久久久久久久久| 久久精品天天中文字幕人妻| 国产欧美日韩综合精品一区二区| 99在线精品视频|