前言
最近恰好有時間，自己搞了個云服務(wù)器試著搭建了個網(wǎng)站，遇到了一些問題，通過踩坑也漲了一些經(jīng)驗，遂記錄一二，與后來者分享。
正文
1、博主用的阿里云服務(wù)器，為什么用它呢？一個是恰逢雙十一，有優(yōu)惠；另一個原因，它畢竟是國內(nèi)市場占有率最高的廠家，各種學習資料應該也是最多的。各位園友自建網(wǎng)站時按自身情況酌情選擇即可。
如果用阿里云服務(wù)器的話，按照官網(wǎng)上的教程來操作是最好的選擇，現(xiàn)在各類形形色色的博客里的安裝操作教程均會有不同程度的不詳盡，指不定那里就會埋坑。阿里云服務(wù)器手動搭建javaweb環(huán)境的官網(wǎng)教程的網(wǎng)址【https://help.aliyun.com/document_detail/51376.html?spm=5176.12901015.0.i12901015.af8f525cCPi8QI】，在此教程頁的左邊菜單欄，還有包括數(shù)據(jù)庫搭建、鏡像操作等各種教程，而且很詳細，直接照著做即可，快捷高效。
2、打tomcat用的war包
博主用的idea，直接打開maven的右側(cè)操作欄，找到根module，先clean再package
這時在你的項目目錄下就有最新的war包了
包名稱可以直接在所打包的項目的pom.xml中自定義，如下所示：
3、tomcat啟動報錯
org.apache.catalina.LifecycleException:Failed to start component[StandardEngine[Catalina].StandardHost[localhost].StandardContext[/points]]
錯誤信息截圖如下：
這時由于tomcat的版本與jdk版本沖突導致的，一般來說jdk1.7對應tomcat7，jdk1.8對應tomcat8，我最開始是用的jdk1.8搭配tomcat7，所以出現(xiàn)了上述問題。將tomcat換成8后問題解決。
4、H5入門
最近也順便研究了一下h5開發(fā)，這樣一些簡單的頁面自己就能搞定了。
首先說一下h5的開發(fā)環(huán)境搭建。我用的是Visual Studio Code（簡稱VSC）+Node.js+Vue。為方便大家對照后端技術(shù)理解H5前端用的技術(shù)，可以先這樣理解：VSC是前端常用的開發(fā)工具，類比后端用的Idea和Eclipse，它們作用是一樣的；Node.js是vue的開發(fā)環(huán)境，類比我們后端的JDK；而vue可以類比成我們的Spring框架，簡化開發(fā)，功能強大；npm是用于包管理的，類似我們的maven。這樣一類比，相信大家都有一個更直觀的感受了。下面大體說一下我的搭建過程。
1)、下載node.js https://nodejs.org/en/
具體操作參見博客【https://www.cnblogs.com/lunlunshiwo/p/7476031.html】
2)、正常的npm服務(wù)在國外，安裝較慢，此處我們使用國內(nèi)的，安裝指令
npm install-g cnpm--registry=http://registry.npm.taobao.org
安裝完之后用cnpm-v指令查看
3)、安裝vue-cli一種全局腳手架，用于搭建所需的模板框架，但注意此處直接運行上述指令可能會卡主，執(zhí)行下面的就好了：
npm config set registry https://registry.npm.taobao.org--global
然后npm install-g vue/cli
注意安裝過程要運行管理員權(quán)限的cmd指令操作頁面，如果還有報錯，用指令npm install-g npm latest將版本升到最新。
4)、初始化環(huán)境
npm install-g vue/cli-init
vue init webpack myproject
一頓yes往下走就行了，初始化完項目之后的目錄是這樣的
5)、集成VScode
參見博文【https://blog.csdn.net/mao834099514/article/details/79138484】
6)、增加智能提示
點擊extension按鈕，如下圖，點擊后搜索intelliSense，選擇node.js的和css，就會有智能提示了
7)、增加標簽自動補全功能
同樣在extension處安裝三個插件即可：Auto Close Tag/Auto Rename Tag/Auto Complete Tag
8)、npm run dev
去訪問項目吧！
好了，這次就到這里，如果有問題或者疑問，歡迎大家留言區(qū)交流，謝謝閱讀！
阿里云
專欄
閩公網(wǎng)安備 35010202001226號
