假設(shè)你在創(chuàng)建VUE項(xiàng)目時(shí)對(duì)webpack和vue-loader有一些了解。

下面開(kāi)始快速搭建屬于你的VUE項(xiàng)目：

$ npm install vue-cli -g? ?// 全局安裝vue-cli

$ vue init webpack projectName? ?// init項(xiàng)目

$ cd my-project? ?// 進(jìn)入項(xiàng)目

$ npm install?

$ npm run dev

1.我們?cè)趫?zhí)行vue init webpack projectName命令時(shí)出現(xiàn)了一點(diǎn)小插曲。

經(jīng)過(guò)查看日志得到了解決方案。

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver 復(fù)制代碼

2.接下來(lái)cd到文件目錄，執(zhí)行npm run dev

根據(jù)提示在瀏覽器輸入地址。即可打開(kāi)初始的vue網(wǎng)站。

3.文件目錄

我使用vscode打開(kāi)問(wèn)創(chuàng)建的工程文件。具體每個(gè)目錄是干啥的，就有你親自探索了。

4.歡迎入坑VUE。

總結(jié)

以上是生活随笔為你收集整理的一、从零创建VUE项目的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。