記錄使用過程中做的設(shè)置相關(guān)事宜。方便后續(xù)查詢

vscode如何自動生成html格式：

vscode快速生成html模板 --兩種方法，親測有用_vscode自動生成html模板-CSDN博客

使用第二個方式。存儲html格式后綴。輸入！，vscode自動補全。

安裝使用Vue.js

新手入門Vue，在VScode中使用Vue的兩種辦法_vscode使用vue-CSDN博客

Vue.js - 漸進式 JavaScript 框架 | Vue.js

?使用Vue.js有兩種方式：一種是簡單地通過<script>標(biāo)記引入，適用于簡單的頁面開發(fā)；另一種則是使用相關(guān)的命令行工具進行完整的安裝，適用于組件化的項目開發(fā)。

可以從網(wǎng)站上下載 vue.min.js或者vue.js文件。存到程序文件夾內(nèi)。也可以直接寫入

<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.min.js"></script>

或者將Vue.js文件下載到文件夾中，在HTML中增加相關(guān)語句。

WSL?

為什么要安裝WSL。因為是Linux系統(tǒng)，可以實現(xiàn)Linux的諸多便利。

安裝方式官網(wǎng)：

開始通過 WSL 使用 VS Code | Microsoft Learn

wsl --install 無法解析包

wsl安裝虛擬機平臺報錯“無法解析服務(wù)器的名稱或地址_wsl --install 無法解析服務(wù)器的名稱或地址-CSDN博客

首選 114.114.114.114， 備選 8.8.8.8

或者VPN。

使用‘wsl.exe --list --online’列出可用的分發(fā)
和 ‘wsl.exe --install <Distro>’進行安裝。

安裝結(jié)束的效果。

VScode的WXL功能。

Node.js

安裝node.js和npm的結(jié)果。

非項目方式運行Html

文件上用右鍵，選擇reveal in file explorer。

進入explore。?

wsl的文件在window下的目錄：

單擊html文件，運行。

安裝Vue并創(chuàng)建項目：vue.js.gov官網(wǎng) 創(chuàng)建一個Vue

創(chuàng)建成功顯示如下：