---恢復內容開始---

現在學習vue都是利用腳手架vue-cli快速搭建一個項目，這是非常高效的方法，我是十分推薦的，但是有時候在沒有互聯網的情況，我們沒辦法在node環境下，敲一個nmp install XXX幫我們搭建系統。這邊也遇到了這樣的情況，記錄一下過程，備忘。

采用的方式是利用requireJS搭建一個遵循AMD規則的vue項目。關于這一塊，大家可以百度一下，查詢相關資料熟悉requireJS的使用。

第一步，都是建立一個如下常規的簡單的工程結構：

----lib 存放js庫文件

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

---index.html 整個項目的布局頁（相當于asp.net mvc里面的_layout）

---index.js 項目腳本的入口

---require.conf.js 這部分代碼我從index.js里面抽出來的，單獨成一塊，讓整個項目顯得更有結構，這里的代碼是項目的入口。

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

?

?

3.在require.config.js是定制整個項目的依賴。

?

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

5.在src下面編寫組件

6.配置路由，和編寫vuex，該項目簡單做了一個登陸校驗。

?

?

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

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

轉載于:https://www.cnblogs.com/hot-destiny/p/10965140.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。