本發(fā)明實施例另一種可行的實施方式中，在所述，亦可使用yeoman管理工具管理腳手架模板，yeoman是成熟的工程腳手架管理工具，能夠?qū)崿F(xiàn)快速搭建開發(fā)環(huán)境。本發(fā)明實施例中所述腳手架模塊的意義主要為定義工程結(jié)構(gòu)和基礎(chǔ)屬性設(shè)置，初始化之后，只需要將抽離出來的前端資源文件放置在對應(yīng)的目錄中，然后在npm模塊入口文件中聲明前端模塊的靜態(tài)資源目錄和工程化相關(guān)(預(yù)編譯、模塊化打包壓縮等)配置，即可完成前端模塊的封裝。本發(fā)明實施例一種具體和實施場景中，所述前端模塊腳手架裝置的配置包括：使用yeoman管理腳手架模板，以快速搭建開發(fā)環(huán)境；創(chuàng)建portal-client(前端平臺模塊，屬于前端模塊中的平臺模塊)平臺腳手架，包含工程結(jié)構(gòu)、基礎(chǔ)配置和內(nèi)置腳本等；創(chuàng)建app-client(前端應(yīng)用模塊，屬于前端模塊中的應(yīng)用模塊)應(yīng)用腳手架，包含工程結(jié)構(gòu)、基礎(chǔ)配置和內(nèi)置腳本等；擴展特殊應(yīng)用腳手架，針對異構(gòu)開發(fā)的兼容等；將腳手架發(fā)布至至npm私的服(前端模塊的管理平臺)進行管理。通過yeoman可以管理多種腳手架以適應(yīng)不同的場景。本發(fā)明實施例一種可行的實施方式中，所述基于，定制之后的腳手架工具能夠快速生成相應(yīng)的項目以提高開發(fā)效率。本發(fā)明的方法。無錫邦程信息科技有限公司，專業(yè)的幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢。湖南輔助技術(shù)搭建信息中心

    本發(fā)明涉及一種前端開發(fā)環(huán)境的搭建方法、裝置、設(shè)備及存儲介質(zhì)，其主要運用于前端開發(fā)使用語言進行過渡的場景中，其基本思想是：將現(xiàn)有工程的資源文件及配置文件以及根據(jù)開發(fā)需求生成的配置資源文件等進行封裝形成前端模塊，該前端模塊包括前端平臺模塊以及前端應(yīng)用模塊，其中的前端平臺模塊又包括前端基礎(chǔ)模塊，前端基礎(chǔ)模塊包括若干基礎(chǔ)子模塊，前端模塊中包括了前端應(yīng)用模塊的依賴以及組件的依賴，將前端模塊發(fā)布后，開發(fā)人員能夠通過這種方式直接通過配置文件讀取這些前端模塊，而不再依賴于已編譯的后端工程文件，對于開發(fā)工作人員而言提供了一種新的前端開發(fā)環(huán)境以及一種新的前端開發(fā)環(huán)境的快速搭建方法。圖1為本發(fā)明實施例一提供的流程圖，本實施例可適用于對前端工程進行封裝以獨有進行配置的情況，該方法具體包括如下步驟：在步驟110中，通過web微服務(wù)平臺化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊，在所述前端應(yīng)用模塊加入前端資源文件，其中，所述前端資源文件包括源工程遷移的資源文件和根據(jù)開發(fā)需求形成的資源文件；本發(fā)明實施例一種可行的實施方式中，所述源工程可以為在開發(fā)過程中的原java環(huán)境中的java工程。西藏哪里技術(shù)搭建如何收費無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、為客戶提供一站式品牌策劃、創(chuàng)意設(shè)計、開發(fā)及托管等服務(wù)。

    在傳統(tǒng)的web應(yīng)用開發(fā)的基礎(chǔ)結(jié)構(gòu)，例如api、web和server結(jié)構(gòu)的web微服務(wù)平臺化的前端開發(fā)框架基礎(chǔ)上增加了新的前端模塊，結(jié)合圖2所示，為本發(fā)明的實施例的模塊結(jié)構(gòu)劃分示意圖，其中的前端模塊為現(xiàn)有的api、web和server的基礎(chǔ)上增加的client模塊(前端模塊)，從圖中可以看出，所述前端模塊與原有的java工程完全解耦，使得前端模塊在web微服務(wù)平臺化的前端開發(fā)框架中擁有更靈活的應(yīng)用以及更多創(chuàng)造性應(yīng)用。結(jié)合圖3所示，為本發(fā)明的前端模塊在web微服務(wù)平臺化的前端開發(fā)框架下的前端模塊的工程結(jié)構(gòu)，其中，前端工程結(jié)構(gòu)是基于npm的模塊化管理實現(xiàn)，工程結(jié)構(gòu)與模塊劃分也更加清晰，結(jié)合圖2及圖3所示，前端平臺模塊包括若干平臺基礎(chǔ)模塊，每一平臺基礎(chǔ)模塊又包括若干平臺基礎(chǔ)子模塊，各模塊之間的關(guān)系亦可包括前端開發(fā)環(huán)境搭建所需要的依賴關(guān)系。結(jié)合圖3所示，本發(fā)明實施例一種可行的實施方式中，所述前端模塊的管理單元為npm私的服，可通過nexus來搭建npm私的服，client模塊可以發(fā)布至私的服后供其他需要的平臺下載，進而提供前端模塊、應(yīng)用和組件的依賴管理。結(jié)合圖3所示，封裝后的前端模塊中的base-client為前端基礎(chǔ)子模塊；starter-portal-client為平臺基礎(chǔ)模塊。

    提供完全純粹的前端開發(fā)環(huán)境，但是這樣平臺無法對已有的模塊自由組合，缺少模塊的依賴管理，體系上也無法和后端的模塊對應(yīng)上，這樣也不是我們所期望的結(jié)果。技術(shù)實現(xiàn)要素：鑒于上述的分析，本發(fā)明實施例旨在提供一種前端開發(fā)環(huán)境的搭建方法、裝置、設(shè)備及存儲介質(zhì)，用以解決現(xiàn)有的前端開發(fā)過程中過于依賴后端工程的問題。一方面，本發(fā)明實施例提供了一種前端開發(fā)環(huán)境的搭建方法，所述方法包括：通過web微服務(wù)平臺化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊，在所述前端應(yīng)用模塊加入前端資源文件，其中，所述前端資源文件包括源工程遷移的資源文件和根據(jù)開發(fā)需求形成的資源文件；所述前端應(yīng)用模塊所屬的前端模塊進行定義，其中，所述定義為對所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進行的配置；通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系；通過所述web微服務(wù)平臺化的前端開發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺模塊，結(jié)合所述依賴關(guān)系搭建前端開發(fā)環(huán)境。結(jié)合上述說明，在本發(fā)明實例的另一種可能的實施方式中，所述方法還包括：讀取web微服務(wù)平臺化的前端開發(fā)框架的配置文件以獲取定義后的前端模塊。邦程專業(yè)領(lǐng)域包括網(wǎng)站建設(shè)、無錫網(wǎng)站優(yōu)化、網(wǎng)站代運營、阿里巴巴代運營、百度愛采購代理商、移動營銷服務(wù)。

    基于微服務(wù)的完善前端開發(fā)環(huán)境搭建完成之后，能夠?qū)崿F(xiàn)前端應(yīng)用的獨有解耦、前端依賴管理、純粹的開發(fā)環(huán)境和平臺化工程化的管理。本領(lǐng)域技術(shù)人員可以理解，實現(xiàn)上述實施例方法的全部或部分流程，可以通過計算機程序來指令相關(guān)的硬件來完成，所述的程序可存儲于計算機可讀存儲介質(zhì)中。其中，所述計算機可讀存儲介質(zhì)為磁盤、光盤、只讀存儲記憶體或隨機存儲記憶體等。圖6示例了一種電子設(shè)備的實體結(jié)構(gòu)示意圖，如圖6所示，該電子設(shè)備可以包括：處理器(processor)810、通信接口(communicationsinterface)820、存儲器(memory)830和通信總線840，其中，處理器810，通信接口820，存儲器830通過通信總線840完成相互間的通信。處理器810可以調(diào)用存儲器830中的邏輯指令，以執(zhí)行如下方法：通過web微服務(wù)平臺化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊，在所述前端應(yīng)用模塊加入前端資源文件，其中，所述前端資源文件包括源工程遷移的資源文件和根據(jù)開發(fā)需求形成的資源文件；所述前端應(yīng)用模塊所屬的前端模塊進行定義，其中，所述定義為對所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進行的配置；通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系。邦程一直秉承專業(yè)、誠信、服務(wù)、進取的價值觀，堅持互聯(lián)網(wǎng)品牌設(shè)計經(jīng)驗和整合營銷的理念。西藏業(yè)務(wù)前景技術(shù)搭建市場價

無錫邦程信息科技有限公司，向廣大用戶提供好質(zhì)量產(chǎn)品和好質(zhì)量服務(wù)，從而贏得了用戶的信賴。湖南輔助技術(shù)搭建信息中心

    所述第二依賴關(guān)系可以為在新增前端模塊的web微服務(wù)環(huán)境中前端模塊與對應(yīng)的組件或?qū)?yīng)應(yīng)用之間的通信協(xié)議產(chǎn)生，所述一依賴關(guān)系與所述第二依賴關(guān)系之間可以互為補充，亦可為互為包含，通過根據(jù)所述一依賴關(guān)系和所述第二依賴關(guān)系生成所述定義后的前端模塊的依賴關(guān)系，能夠避免封裝后的前端模塊在配置時出現(xiàn)依賴偏差。本發(fā)明實施例的前端開發(fā)環(huán)境搭建完成后，通過讀取平臺配置文件獲取所需要的client模塊，按照配置文件中的順序依次加載對應(yīng)的各模塊，然后獲取到各模塊的靜態(tài)資源路徑，將該路徑通過執(zhí)行，這樣就實現(xiàn)了結(jié)合上述依賴關(guān)系控制client模塊的靜態(tài)資源加載及相應(yīng)順序。在平臺與client模塊開發(fā)過程中，還可以通過npmlink命令實現(xiàn)開發(fā)的工程組下內(nèi)部模塊協(xié)同開發(fā)的問題，防止頻繁的發(fā)布和裝載。通過本發(fā)明實施例搭建的前端開發(fā)環(huán)境，可以讓前端人員友好的控制及調(diào)試開發(fā)，不依賴任何后端服務(wù)、數(shù)據(jù)庫和中間件。本發(fā)明實施例一種可行的實施方式中，平臺提供的client模塊的模板可內(nèi)置多種命令完善前端工程化的結(jié)構(gòu)標(biāo)準(zhǔn)、代碼規(guī)范，例如editorconfig：同化編輯器之前差異；eslint：模塊包文件所表示的代碼校驗；prettier：美化代碼等。本發(fā)明實施例一種可行的實施方式中。湖南輔助技術(shù)搭建信息中心

無錫邦程信息科技有限公司匯集了大量的優(yōu)秀人才，集企業(yè)奇思，創(chuàng)經(jīng)濟奇跡，一群有夢想有朝氣的團隊不斷在前進的道路上開創(chuàng)新天地，繪畫新藍圖，在江蘇省等地區(qū)的商務(wù)服務(wù)中始終保持良好的信譽，信奉著“爭取每一個客戶不容易，失去每一個用戶很簡單”的理念，市場是企業(yè)的方向，質(zhì)量是企業(yè)的生命，在公司有效方針的領(lǐng)導(dǎo)下，全體上下，團結(jié)一致，共同進退，**協(xié)力把各方面工作做得更好，努力開創(chuàng)工作的新局面，公司的新高度，未來無錫邦程信息科技供應(yīng)和您一起奔向更美好的未來，即使現(xiàn)在有一點小小的成績，也不足以驕傲，過去的種種都已成為昨日我們只有總結(jié)經(jīng)驗，才能繼續(xù)上路，讓我們一起點燃新的希望，放飛新的夢想！