如果你是新手小白，首先我們要進(jìn)行一些準(zhǔn)備工作，安裝一些基礎(chǔ)軟件，
備注一下：這里安裝的vue環(huán)境的后臺管理系統(tǒng)，不同的后臺管理系統(tǒng)，需要安裝不同的插件
準(zhǔn)備工作：
安裝
Visual Studio Code
nodejs
配置插件
?
?首先安裝開發(fā)環(huán)境Visual Studio Code
打開官網(wǎng)：下載 Visual Studio Code - Mac、Linux、Windows
選擇對應(yīng)的系統(tǒng)，我這是window系統(tǒng)，以windows系統(tǒng)為例
打開安裝程序，進(jìn)行安裝
在這里，可以選擇安裝路徑
點(diǎn)擊下一步
選擇創(chuàng)建桌面快捷方式，在點(diǎn)擊下一步，然后點(diǎn)擊完成
到這里我們的第一步開發(fā)環(huán)境就安裝好了
第二步：安裝nodejs
打開官網(wǎng)：
下載 | Node.js 中文網(wǎng)
下載對應(yīng)版本
加載完成之后，打開安裝程序
?
?在這里可以配置安裝程序的位置，可以轉(zhuǎn)移到D盤。
根據(jù)上面的圖片進(jìn)行安裝，這里我們就都使用系統(tǒng)默認(rèn)的配置就可以
安裝成功之后，我們還要進(jìn)行檢驗(yàn)
使用
node -vnode -v 命令在命令行中進(jìn)行查看
win+r打開命令行，輸入cmd
如果出現(xiàn)上面的內(nèi)容，代表已經(jīng)安裝成功
如果沒有，那可能需要是配置環(huán)境變量沒有配置。
配置環(huán)境變量
搜索環(huán)境變量
點(diǎn)擊環(huán)境變量
在這里要說的是，這里有兩個(gè)環(huán)境變量，一個(gè)是用戶自己的，一個(gè)是系統(tǒng)的環(huán)境變量，這兩個(gè)環(huán)境變量不相同，一般的話，都是配置用戶的，如果不行，在配置系統(tǒng)的
在用戶的環(huán)境變量中，找到Path雙擊打開
?
點(diǎn)擊新建，找到之前安裝的nodejs的文件位置，復(fù)制過去，這里以我的為例
點(diǎn)擊確定
再次檢驗(yàn)，應(yīng)該就行了
第三部安裝插件
打開開發(fā)者工具
打開拓展
?搜索vue，安裝Vue-Officical插件
安裝之后
?到這里，恭喜你，所有的安裝準(zhǔn)備工作就完成了
第四步，我們要下載一個(gè)vue項(xiàng)目進(jìn)行運(yùn)行
這里推薦這幾個(gè)網(wǎng)站，都是免費(fèi)的
Fantastic-admin | 一款 Vue 中后臺管理系統(tǒng)框架 (gitee.io)
裝載。。。 (buildadmin.com)
GitCode - 開發(fā)者的代碼家園
上面這些網(wǎng)站都是可以下載后臺項(xiàng)目。
這里我以下面的這個(gè)項(xiàng)目為例
vue-element-plus-admin: 一套基于vue3、element-plus、typescript4、vite3的后臺集成方案 (gitee.com)
打開網(wǎng)頁
?
?
?需要進(jìn)行一個(gè)驗(yàn)證，
在window瀏覽器下載的文件，一般都在
文件管理系統(tǒng)的下載文件夾下
?
下載完之后打開文件夾
?下載完之后，進(jìn)行解壓
這里我解壓到桌面方便操作，也可以解壓到其它地方
用開發(fā)者工具打開
在terminal命令行中輸入命令：
在這里說一下，安裝命令和運(yùn)行命令，都有很多種
項(xiàng)目的命令依賴，要根據(jù)具體情況
主要放在 package.json文件下
這里給出常用的兩種?
安裝依賴命令
npm install
#或者采用
pnpm install?
?
?
安裝后之后進(jìn)行運(yùn)行
npm start
#或者
npm run dev
?
?打開網(wǎng)址
?恭喜你，你已經(jīng)可以成功搭建一個(gè)后臺管理系統(tǒng)里，可以登錄看看。
文章來源：http://www.zghlxwxcb.cn/news/detail-847143.html
?這里只是一個(gè)后臺模版，還需要根據(jù)你自己的情況，進(jìn)行配置和組合。文章來源地址http://www.zghlxwxcb.cn/news/detail-847143.html
到了這里，關(guān)于從零開始搭建后端信息管理系統(tǒng)（新手小白比如）的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
