整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
中共中央辦公廳、國務(wù)院辦公廳《關(guān)于進(jìn)一步減輕義務(wù)教育階段學(xué)生作業(yè)負(fù)擔(dān)和校外培訓(xùn)負(fù)擔(dān)的意見》印發(fā)以來，各地全力貫徹中央決策部署。
為方便群眾及時反映校外培訓(xùn)機(jī)構(gòu)違法違規(guī)培訓(xùn)行為和在職中小學(xué)教師違規(guī)補(bǔ)課等情況，多省份教育廳公布了監(jiān)督舉報的網(wǎng)絡(luò)平臺、電話、網(wǎng)址等信息。
浙江
天津
河北
內(nèi)蒙古
遼寧
黑龍江
江西
山東
廣東
海南
寧夏
新疆
來源：中國教育報
這里是云端源想IT，幫你輕松學(xué)IT”
嗨~ 今天的你過得還好嗎？
生命是什么呢，
生命是時時刻刻不知如何是好。
- 2024.03.06 -
工欲善其事必先利其器，一款好的開發(fā)工具可以讓我們事半功倍。前面我們對HTML的相關(guān)概念和基本結(jié)構(gòu)已經(jīng)有了基本的了解，下面我們就來安裝在前端開發(fā)中的需要使用的開發(fā)工具及環(huán)境。
在眾多HTML編輯器中，選擇一個適合自己的工具至關(guān)重要。今天我們就來認(rèn)識一下前端開發(fā)工作中使用的最廣泛的工具 “VS Code” , 并在本地搭建好開發(fā)環(huán)境。
在介紹 “VS Code” 之前，我們先來了解一下什么是 “IDE”。
什么是 “IDE”
IDE 是集成開發(fā)環(huán)境的英文縮寫 （Integrated Development Environment)，集成開發(fā)環(huán)境就是將在開發(fā)過程中所需要的工具或功能集成到了一起，比如：代碼編寫、分析、編譯、調(diào)試等功能，從而最大化地提高開發(fā)者的工作效率。
IDE 通用特點(diǎn)：
前端開發(fā)IDE
而在前端開發(fā)中我們需要安裝一個“趁手”的IDE，幫助我們更快更高效的開發(fā)，一個好的IDE是每個程序員的必備武器。前端開發(fā)IDE有很多種，例如 Visual Studio Code、HBuilder、WebStorm、Atom 或 Sublime Text 等。
我們可以任選一種使用。這幾種IDE的對比如下：
這么多IDE該怎么選呢？對于我們初學(xué)者來說，選擇Visual Studio Code，（簡稱VS Code）就可以了。VS code具備內(nèi)置功能非常豐富、插件很全且安裝簡單、輕量、對電腦的配置要求不算很高，且有MAC版本，應(yīng)用廣泛等優(yōu)點(diǎn)，很適合新手。
下面就和我一起下載并安裝VS code吧！
1、進(jìn)入VScode官網(wǎng)
官網(wǎng)地址：https://code.visualstudio.com/
點(diǎn)擊【Download】進(jìn)入下載，不要點(diǎn)擊【Download for Windows Stable Build】，否則它會自動幫你下載User Installer用戶版本。
2、然后你會看見Windows，Linux，蘋果三個版本，我們選擇Windows版本，選擇System Installer 點(diǎn)擊【x64】進(jìn)行下載，不要點(diǎn)擊【↓ Windows windows8,10,11】，否則它也會自動默認(rèn)下載User Installer用戶版本。
其實(shí)選哪個版本都無傷大雅，就算你下載了【User Installer】版本也沒事，因為沒人會沒事把自己電腦上的賬戶換成其他人的賬戶登錄，就算換了也可以換回來，只是有時候特殊情況換了個賬戶登錄不能使用就有一點(diǎn)麻煩，所以還是推薦盡量下載【System Installer】版本。
【x86】：32位操作系統(tǒng)。【x64】:64位操作系統(tǒng)，如果想知道自己是什么系統(tǒng)，可以敲擊Win鍵找到“設(shè)置”→“系統(tǒng)”→“關(guān)于”→“系統(tǒng)類型”。
3、正在下載
這個下載會比較慢，如果不想等可直接去找個別人下好的安裝包哦！也可找小編領(lǐng)取。
4、下載完后打開文件，會彈出許可協(xié)議彈窗，勾選我同意此協(xié)議，單擊【下一步】。
5、先去D盤里創(chuàng)建一個新文件夾取名叫“VScode”，點(diǎn)擊【瀏覽】按鈕修改安裝路徑，把路徑改到剛剛在D盤里創(chuàng)建的VScode文件夾里。如果覺得麻煩也可以直接默認(rèn)安裝在C盤，然后單擊【下一步】，但還是建議安裝在D盤里。
6、修改完路徑后，單擊【下一步】。（安裝路徑是這個樣子D:\VScode\Microsoft VS Code）
7、選擇開始菜單文件夾，默認(rèn)"Visual Studio Code",單擊【下一步】。
8、根據(jù)自己的需求進(jìn)行勾選，勾選完單擊【下一步】。
【創(chuàng)建桌面快捷方式】：在桌面創(chuàng)建VScode快捷方式。
【將“通過Code打開”操作添加到Windows資源管理器文件上下文菜單】：選中一個文件鼠標(biāo)右鍵可以通過VScode打開文件。
【將“通過Code打開”操作添加到Windows資源管理器目錄上下文菜單】：選中一個文件夾鼠標(biāo)右鍵可以通過VScode打開文件夾。
【將Code注冊為受支持的文件類型的編輯器】：對于受支持的文件類型的文件，鼠標(biāo)右鍵選擇“打開方式”，可以通過“Vscode”打開。
【添加到PATH】：添加VScode文件夾里的bin目錄到PATH環(huán)境變量里，添加完以后可通過系統(tǒng)命令輸入code直接啟動VScode。
9、單擊【安裝】進(jìn)行安裝。
10、安裝完成后單擊【完成】啟動。
下載完之后，大家可以根據(jù)自己的需求下載插件，這里推薦我用的比較順手的幾個。
1、下載漢化包
點(diǎn)擊擴(kuò)展，在搜索欄搜索Chinese，選擇Chinese中文簡體點(diǎn)擊【Install】進(jìn)行安裝。（建議少用，多看英文，這是一位優(yōu)秀的程序員走向成功的標(biāo)志性成長。）
安裝完后單擊【Change Language and Restart】重啟VScode軟件，刷新一下就變成中文簡體了。
2、下載【會了吧】插件
在搜索欄里搜索【會了吧】，這個是在你敲代碼時會自動識別你敲的單詞進(jìn)行翻譯，如果你有一個單詞不認(rèn)識，可以點(diǎn)進(jìn)“會了吧”看看翻譯，對英語基礎(chǔ)差的人很友好。
3、下載【Open in browser】插件
這個是用來運(yùn)行代碼，并且在瀏覽器打開，查看運(yùn)行效果的，這個插件必須下，否則當(dāng)你寫完HTML網(wǎng)頁時你無法運(yùn)行，無法預(yù)覽頁面，不信你可以先試試能不能運(yùn)行再回來下載。
4、下載【Live Server】插件
這個是用于實(shí)時預(yù)覽運(yùn)行效果，當(dāng)你使用open in browser運(yùn)行代碼時，只要你的代碼有改變，你就需要手動刷新重新預(yù)覽頁面運(yùn)行結(jié)果，而Live Server是自動刷新運(yùn)行結(jié)果，非常方便，非常滴銀性！
1、先去D盤里創(chuàng)建一個新文件夾取名叫“Workspace”（名字隨便取名）。
2、進(jìn)入VScode找到左上角的文件選擇點(diǎn)擊打開文件夾。
3、找到剛剛創(chuàng)建的“workspace”文件夾，單擊【選擇文件夾】。
4、找到WORKSPACRE，點(diǎn)擊新建文件，名字輸入“01.html”,然后點(diǎn)擊回車鍵創(chuàng)建。
5、在剛剛創(chuàng)建的01.html文件下輸入以下代碼。
<!DOCTYPE html>
<html>
<head>
<meta charest="utf-8">
<title>HTML</title>
</head>
<body>
<h1>這是我的第一個網(wǎng)頁</h1>
</body></html>
6、鼠標(biāo)右擊空白處單擊【Open In Default Browser】查看運(yùn)行結(jié)果。
7、運(yùn)行結(jié)果如下 。
以上就是常用的前端開發(fā)工具VS Code的下載和安裝教程了，你的第一個HTML網(wǎng)頁運(yùn)行成功了嗎？
一個高效的HTML開發(fā)工具和環(huán)境是每個前端開發(fā)者的得力助手。通過合理選擇工具、配置環(huán)境、使用框架和庫、以及不斷的調(diào)試和測試，你可以將創(chuàng)意轉(zhuǎn)化為現(xiàn)實(shí)，構(gòu)建出令人驚嘆的網(wǎng)頁。記住，技術(shù)永遠(yuǎn)在變，唯有不斷學(xué)習(xí)和實(shí)踐，才能讓你在這個數(shù)字世界中游刃有余。
今天就先講到這里了，
更多前端開發(fā)基礎(chǔ)知識點(diǎn)擊文末閱讀原文查看哦！
記得關(guān)注【云端源想IT】一起學(xué)編程！
我們下期再見！
END
文案編輯|云端學(xué)長
文案配圖|云端學(xué)長
內(nèi)容由：云端源想分享
享：拓展訓(xùn)練/拓展培訓(xùn)公司企業(yè)網(wǎng)站(官網(wǎng))建設(shè)制作策劃方案！
拓展訓(xùn)練市場運(yùn)動中，競爭也是越來越激烈，就目前來看，和拓展培訓(xùn)發(fā)生競爭主要有：特色旅游、軍旅培訓(xùn)、商務(wù)休閑、企業(yè)內(nèi)訓(xùn)、素質(zhì)教育等。旅游是一個發(fā)展相對成熟的行業(yè)，但是旅游市場的競爭異常激烈，門檻低，利潤低，使用紅海藍(lán)海理論來分析，顯然，傳統(tǒng)的旅游行業(yè)已經(jīng)處于紅海狀態(tài)，不值得再投資、再投入這個行業(yè)。拓展培訓(xùn)公司又結(jié)合旅游的形式，開展旅游拓展培訓(xùn)的形式。市場中很多旅游公司，也推出了拓展培訓(xùn)和旅游相結(jié)合的特色旅游，在旅游的同時，穿插一兩個業(yè)余級別的拓展培訓(xùn)項目。
隨著中國教育培訓(xùn)市場的發(fā)展，拓展訓(xùn)練行業(yè)在未來3-5年內(nèi)將持續(xù)增長趨勢，但隨著各類教育市場的細(xì)分趨勢，中國拓展訓(xùn)練行業(yè)也將面臨洗牌。目前，雖然各類拓展類培訓(xùn)機(jī)構(gòu)近兩千家，但專業(yè)的機(jī)構(gòu)不到六分之一。隨著政府監(jiān)管將逐步到位，行業(yè)協(xié)會將發(fā)揮越來越大的作用，洗牌之后中國培訓(xùn)業(yè)將走向品牌建設(shè)的道路。而在拓展訓(xùn)練行業(yè)內(nèi)，隨著越來越多的沒有自己特色產(chǎn)品和核心競爭力的中小培訓(xùn)機(jī)構(gòu)將被淘汰出局。
隨著拓展訓(xùn)練行業(yè)市場的競爭越來越大，如何突圍和轉(zhuǎn)型將變得很關(guān)鍵，隨著互聯(lián)網(wǎng)和移動互聯(lián)網(wǎng)的發(fā)展，越來越多的傳統(tǒng)拓展訓(xùn)練公司開始向轉(zhuǎn)型互聯(lián)網(wǎng)，在這樣一個“互聯(lián)網(wǎng)+”關(guān)鍵的十字路口，傳統(tǒng)拓展訓(xùn)練行業(yè)如何利用信息和數(shù)據(jù)流，實(shí)現(xiàn)服務(wù)提升，擴(kuò)展業(yè)務(wù)范圍，獲取更多的用戶資源，企業(yè)品牌網(wǎng)站建設(shè)是拓展訓(xùn)練公司/拓展培訓(xùn)公司轉(zhuǎn)型互聯(lián)網(wǎng)+的最優(yōu)選擇。
接下來，我們直奔重點(diǎn)！那么，眾多拓展培訓(xùn)公司面對轉(zhuǎn)型之痛，快速搭上互聯(lián)網(wǎng)+快車，應(yīng)該打造一個什么樣的企業(yè)品牌形象官網(wǎng)來開展互聯(lián)網(wǎng)營銷呢？下面，IT工作室創(chuàng)始人王晴兒本人根據(jù)多年的互聯(lián)網(wǎng)資深從業(yè)經(jīng)驗，為大家分享一份拓展訓(xùn)練公司/拓展培訓(xùn)公司網(wǎng)站建設(shè)制作方案！
一、拓展訓(xùn)練行業(yè)競爭對手網(wǎng)站分析
第1：應(yīng)從搜索引擎著手查看展訓(xùn)練行業(yè)競爭對手網(wǎng)站排名；
第2：著重分析展訓(xùn)練行業(yè)競爭對手網(wǎng)站的主要指標(biāo)；
第3：直接訪問展訓(xùn)練行業(yè)競爭對手網(wǎng)站，對競爭網(wǎng)站用戶體驗進(jìn)行分析；
第4：查看展訓(xùn)練行業(yè)競爭對手網(wǎng)站的流量情況；
第5：應(yīng)從別的渠道了解展訓(xùn)練行業(yè)競爭對手網(wǎng)站情況。
二、拓展訓(xùn)練公司網(wǎng)站架構(gòu)欄目規(guī)劃
這里分享一份拓展訓(xùn)練公司/拓展培訓(xùn)公司常用的網(wǎng)站結(jié)構(gòu)欄目，王晴兒在此提醒各位注意：此網(wǎng)站結(jié)構(gòu)僅用于參考，請企業(yè)根據(jù)自身實(shí)際情況進(jìn)行增減。
(1)關(guān)于我們：用于介紹企業(yè)的歷史、文化、背景等信息展示，可增加子欄目內(nèi)容板塊如：公司介紹、認(rèn)證及榮譽(yù)、我們的優(yōu)勢、我們的文化等；
(2)項目介紹：用于介紹水上項目、高空項目、陸地項目、室內(nèi)項目、拓展游戲等信息展示，圖文并茂；
(3)金牌課程：用于介紹魔鬼訓(xùn)練、趣味運(yùn)動會、生命動力、主題年會、企業(yè)沙盤、列國爭霸、荒島求生、走火大會等信息展示；
(4)拓展基地：用于介紹專業(yè)基地、休閑基地信息展示；
(5)新聞資訊：用于發(fā)布團(tuán)建百科、拓展百科、公司新聞等信息展示；
(6)成功案例：用于介紹圖片案例、視頻案例信息展示，圖文并茂；
(7)精彩瞬間：用于介紹拓展訓(xùn)練、團(tuán)建活動、年會策劃信息展示；
(8)尋找英才：用于發(fā)布公司最新人才信息展示；
(9)在線留言：用于拓展訓(xùn)練行業(yè)用戶在線留言反饋信息；
(10)合作伙伴：展示企業(yè)的各大合作伙伴等信息，可用合作伙伴的LOGO圖標(biāo)展示；
(11)聯(lián)系我們：充分展示企業(yè)的聯(lián)系方式、線路地圖等信息；
(12)網(wǎng)站地圖：為用戶提供最便捷的導(dǎo)航服務(wù)，一鍵到達(dá)用戶想要的服務(wù)。
三、拓展訓(xùn)練公司企業(yè)網(wǎng)站界面設(shè)計風(fēng)格
以拓展訓(xùn)練公司企業(yè)網(wǎng)站平臺所屬企業(yè)VI/CI系統(tǒng)為基礎(chǔ)，以不同訪問者瀏覽習(xí)慣為標(biāo)準(zhǔn)。追求形式簡節(jié)、實(shí)用，符合拓展訓(xùn)練公司行業(yè)用戶的瀏覽習(xí)慣，突出功能性和實(shí)用性。
四、拓展訓(xùn)練公司企業(yè)網(wǎng)站前端開發(fā)分析：
拓展訓(xùn)練公司企業(yè)網(wǎng)站當(dāng)前一般采用當(dāng)前主流的HTML5+CSS3前端開發(fā)技術(shù)，另外是只開發(fā)PC端？還是利用自適應(yīng)技術(shù)同時兼容手機(jī)端和平板電腦？或者是需要單獨(dú)開發(fā)手機(jī)端？拓展訓(xùn)練公司企業(yè)網(wǎng)站是否需要加入一定的H5網(wǎng)頁互動元素？還是只需要加一些簡單的鼠標(biāo)滑動效果？是否還有別的補(bǔ)充？
王晴兒在此建議：如果公司網(wǎng)站側(cè)重建站開發(fā)成本和效率，那么自適應(yīng)網(wǎng)站建設(shè)是不錯的選擇。另外如果公司網(wǎng)站對手機(jī)端要求比較高的話，特別是用戶體驗上的細(xì)節(jié)優(yōu)化較多的話，那么單獨(dú)開發(fā)手機(jī)端是個不錯的選擇。
五、拓展訓(xùn)練公司企業(yè)網(wǎng)站后端開發(fā)分析：
拓展訓(xùn)練公司企業(yè)網(wǎng)站后臺打算用什么主流編程語言開發(fā)？Php？Java？Python？Asp.net？還是其他？
看看是否需要這些后臺功能模塊？
公司概覽后臺功能模塊、新聞資訊后臺功能模塊、視頻發(fā)布后臺功能模塊、圖文信息發(fā)布后臺功能模塊、預(yù)約報名后臺功能模塊、搜索功能管理模塊、管理員后臺功能模塊、友情鏈接后臺功能模塊
王晴兒在此提醒大家：本拓展訓(xùn)練公司企業(yè)網(wǎng)站后臺功能開發(fā)模塊規(guī)劃僅供參考，企業(yè)可以根據(jù)自身實(shí)際情況來進(jìn)行適當(dāng)增減。
以上就是王晴兒分享的文章內(nèi)容，由于自己從事網(wǎng)站設(shè)計制作已經(jīng)七八個年頭了，所以自然深知企業(yè)網(wǎng)站建設(shè)對于互聯(lián)網(wǎng)營銷開展的重要性。既然您來到這里，看完了我分享的文章，那就是一種緣分，也是一種說不出的緣分。如果說得不好之處，歡迎各位拍磚與指正，有任何建站方面的問題，都可以與王晴兒一起交流探討，雖然從業(yè)7年，但不忘初心，一直相信越努力越幸運(yùn)這句話，而且我本人也喜歡結(jié)交各行各業(yè)的朋友，謝謝！
如果您還有興趣的話，可以找找我之前寫過的一篇文章《王晴兒:做一個企業(yè)網(wǎng)站大概需要多少錢合適？》，讓您減少被網(wǎng)站建設(shè)公司忽悠的幾率，讓您對建站行業(yè)有個更加清晰的認(rèn)識。
當(dāng)然您覺得文章有價值、或關(guān)注分享感謝什么的，也順手點(diǎn)個贊哈——以文章價值為橋梁，「點(diǎn)贊」：使「您的價值」得以延伸并持續(xù)留香……
王晴兒再說點(diǎn)題外話，分享一些覺得不錯的感悟話語，希望對大家能帶來正能量：最難打開的是心門，最難走的路是心路，最難過的橋是心橋，最難調(diào)整的是心態(tài)。世界上最難干的工程是改造人的內(nèi)心世界！ 孤獨(dú)是什么？其實(shí)不是一個人的狂歡，也不是一群人的寂寞，對于我來說，孤獨(dú)只是我在花些時間陪陪自己！ ?
文章來源：王晴兒網(wǎng)頁設(shè)計博客（QQ/微信號：1930533604）歡迎分享交流，轉(zhuǎn)載請注明出處，謝謝！
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
