---恢復(fù)內(nèi)容開始---

現(xiàn)在學(xué)習(xí)vue都是利用腳手架vue-cli快速搭建一個(gè)項(xiàng)目，這是非常高效的方法，我是十分推薦的，但是有時(shí)候在沒有互聯(lián)網(wǎng)的情況，我們沒辦法在node環(huán)境下，敲一個(gè)nmp install XXX幫我們搭建系統(tǒng)。這邊也遇到了這樣的情況，記錄一下過程，備忘。

采用的方式是利用requireJS搭建一個(gè)遵循AMD規(guī)則的vue項(xiàng)目。關(guān)于這一塊，大家可以百度一下，查詢相關(guān)資料熟悉requireJS的使用。

第一步，都是建立一個(gè)如下常規(guī)的簡單的工程結(jié)構(gòu)：

----lib 存放js庫文件

---src主要的編碼位置，vue的組件都在這個(gè)地方編寫

---index.html 整個(gè)項(xiàng)目的布局頁（相當(dāng)于asp.net mvc里面的_layout）

---index.js 項(xiàng)目腳本的入口

---require.conf.js 這部分代碼我從index.js里面抽出來的，單獨(dú)成一塊，讓整個(gè)項(xiàng)目顯得更有結(jié)構(gòu)，這里的代碼是項(xiàng)目的入口。

2.在布局頁引入require.js，注意在data-main指定了require執(zhí)行的入口是require.config.js(requireJS默認(rèn)解析js，擴(kuò)展名可以省略）

?

?

3.在require.config.js是定制整個(gè)項(xiàng)目的依賴。

?

?4.需要引入的vue都引入了，后面就是開始建立在index.js建立實(shí)例化vue,后面的都是常規(guī)操作

5.在src下面編寫組件

6.配置路由，和編寫vuex，該項(xiàng)目簡單做了一個(gè)登陸校驗(yàn)。

?

?

該項(xiàng)目包含了vuex和vue-router的基本用法，有興趣的可以下載代碼查看。

Git倉庫地址:https://github.com/TurboV/WebWork.git

轉(zhuǎn)載于:https://www.cnblogs.com/hot-destiny/p/10965140.html

總結(jié)

以上是生活随笔為你收集整理的抛开vue-cli 利用requireJS搭建一个vue项目的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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