天在Win10上用VSCode運行Vue項目時遇到一個錯誤：vue : 無法加載文件 D:\Program Files\node-v14.15.1-win-x64\vue.ps1，因為在此系統上禁止運行腳本。node用的官方綠色版直接配置環境變量，Vue在cmd命令窗全局口安裝的可以通過vue --servion查看到Vue版本。

# CMD命令窗口
>vue --version
@vue/cli 4.5.10
# PowerShell
> vue --version
vue : 無法加載文件 D:\Program Files\node-v14.15.1-win-x64\vue.ps1，因為在此系統上禁止運行腳本。有關詳細信息，請參閱 htt
ps:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ vue --version
+ ~~~
    + CategoryInfo          : SecurityError: (:) []，PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

解決辦法

用管理員的身份運行PowerShell，然后執行命令：get-ExecutionPolicy，如果回復Restricted表示當前狀態是禁止的 。這時候我們再執行命令：set-ExecutionPolicy RemoteSigned ，在彈出的選項后輸入：y 來更改策略。

> get-ExecutionPolicy
Restricted
> set-ExecutionPolicy RemoteSigned
執行策略更改
執行策略可幫助你防止執行不信任的腳本。更改執行策略可能會產生安全風險，如 https:/go.microsoft.com/fwlink/?LinkID=135170
中的 about_Execution_Policies 幫助主題所述。是否要更改執行策略?
[Y] 是(Y)  [A] 全是(A)  [N] 否(N)  [L] 全否(L)  [S] 暫停(S)  [?] 幫助 (默認值為“N”): y

這樣錯誤提示沒有了，但是接下來又出現錯誤： 'vue-cli-service' 不是內部或外部命令，也不是可運行的程序或批處理文件。npm WARN Local package.json exists, but node_modules missing, did you mean to install? 這種情況一般是檢測到本地環境未安裝vue-cli，但是很明顯我是全局安裝了的。

>npm run serve
> ncview@0.1.0 serve C:\Users\fanmi\Desktop\DEMO\ncview
> vue-cli-service serve
'vue-cli-service' 不是內部或外部命令，也不是可運行的程序
或批處理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! ncview@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the ncview@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\fanmi\AppData\Roaming\npm-cache\_logs\2021-01-19T03_37_11_868Z-debug.log

卸載重裝

全局卸載Vue我們可以執行命令：npm uninstall -g @vue/cli，卸載之后用命令vue -V查下是否還有Vue版本如果出現【'vue' 不是內部或外部命令，也不是可運行的程序或批處理文件】說明已經卸載Vue了。重新安裝新版本npm install -g @vue/cli或通過@指定版本npm install -g @vue/cli@4.5.7，安裝之后我們再次通過命令：vue --version查看Vue版本，如果顯示則安裝成功（這次我用PowerShell安裝）。

> npm uninstall -g @vue/cli
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
removed 1388 packages in 71.758s
> vue -V
'vue' 不是內部或外部命令，也不是可運行的程序或批處理文件。
> npm install -g @vue/cli
>vue --version
@vue/cli 4.5.10

重下node_modules

重裝之后還是遇到錯誤： 'vue-cli-service' 不是內部或外部命令，也不是可運行的程序或批處理文件。刪了node_modules文件夾重新下載依賴，在項目目錄執行命令：npm i ，Vue會根據package.json安裝相關依賴了。在安裝依賴時（npm install）又遇到報錯： npm ERR! cb()never called，管理員模式打開cmd執行命令：npm cache clean -f清除npm緩存 ，然后執行命令：npm install -g n --force安裝npm包管理助手。重新刪除項目中的 package-lock.json 文件 和 node_modules 文件夾，然后再執行 npm i重新下載node_modules。最后執行npm run serve，啟動成功！

> npm i
npm ERR! cb() never called!
npm ERR! This is an error with npm itself. Please report this error at:
npm ERR!     <https://npm.community>
>npm cache clean -f
npm WARN using --force I sure hope you know what you are doing.
> npm install -g n --force
npm WARN using --force I sure hope you know what you are doing.
D:\Program Files\node-v14.15.1-win-x64\n -> D:\Program Files\node-v14.15.1-win-x64\node_modules\n\bin\n
+ n@7.0.0
added 1 package from 4 contributors in 1.064s

總結：

項目是在Ubuntu 18.04系統上創建的，應該是node、npm和vue的版本和項目中對應的版本不匹配造成的吧！以上內容是小編給大家分享的【Vue實戰096：Vue運行無法加載文件及其他問題解決】。希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。

《一鍵用VSCode打開Vue3項目指南》

引言：提高開發效率的小技巧

在日常的開發工作中，我們經常需要打開各種項目文件夾，尤其是使用Vue3進行前端開發時。每次都要通過VSCode的“打開文件夾”功能來加載項目，不僅繁瑣，還降低了我們的開發效率。本文將介紹如何通過簡單的配置，實現右鍵一鍵用VSCode打開Vue3項目，讓你的開發流程更加流暢。

第一章：配置右鍵菜單

1.1 配置Windows右鍵菜單

在Windows系統中，我們可以通過修改注冊表來添加右鍵菜單選項。以下是具體步驟： 1. **打開注冊表編輯器**：按下`Win + R`鍵，輸入`regedit`，然后按回車。 2. **導航到目標路徑**：在注冊表編輯器中，導航到`HKEY_CLASSES_ROOT\Directory\shell`。 3. **創建新的鍵**：右鍵點擊`shell`，選擇“新建” -> “項”，命名為`Open with VSCode`。 4. **設置默認值**：選擇`Open with VSCode`，在右側窗格中右鍵點擊，選擇“新建” -> “字符串值”，命名為`默認`，并將其值設置為`Open with VSCode`。 5. **添加圖標**：右鍵點擊`Open with VSCode`，選擇“新建” -> “字符串值”，命名為`Icon`，并將其值設置為VSCode的安裝路徑，例如`C:\Program Files\Microsoft VS Code\Code.exe`。 6. **創建命令項**：右鍵點擊`Open with VSCode`，選擇“新建” -> “項”，命名為`command`。 7. **設置命令值**：選擇`command`，在右側窗格中雙擊`默認`，將其值設置為VSCode的安裝路徑，并在后面加上` "%V"`，例如`C:\Program Files\Microsoft VS Code\Code.exe "%V"`。

1.2 配置macOS右鍵菜單

在macOS系統中，我們可以通過Automator來添加右鍵菜單選項。以下是具體步驟： 1. **打開Automator**：在“應用程序”文件夾中找到并打開Automator。 2. **創建新服務**：選擇“新建文稿”，然后選擇“服務”。 3. **設置服務接收**：在“服務接收”下拉菜單中選擇“文件或文件夾”。 4. **添加動作**：在左側的動作列表中，搜索并添加“啟動應用程序”動作。 5. **選擇VSCode**：在“啟動應用程序”動作中，選擇VSCode。 6. **保存服務**：點擊“文件” -> “保存”，命名為`Open with VSCode`。 7. **配置右鍵菜單**：打開“系統偏好設置” -> “鍵盤” -> “快捷鍵” -> “服務”，找到并勾選你剛剛創建的服務。

第二章：使用VSCode打開Vue3項目

2.1 創建Vue3項目

在配置好右鍵菜單后，我們可以開始創建一個Vue3項目。以下是具體步驟： 1. **安裝Vue CLI**：如果你還沒有安裝Vue CLI，可以通過以下命令安裝：

npm install -g @vue/cli

2. **創建Vue3項目**：使用Vue CLI創建一個新的Vue3項目：

vue create my-vue3-project

3. **選擇預設**：在創建過程中，你可以選擇默認的預設或手動選擇特性。

2.2 打開Vue3項目

現在，你可以通過右鍵菜單一鍵用VSCode打開你的Vue3項目。以下是具體步驟： 1. **右鍵打開項目**：在你的項目文件夾上右鍵點擊，選擇`Open with VSCode`。 2. **開始開發**：VSCode會自動打開項目文件夾，你可以開始編寫代碼了。

第三章：VSCode插件推薦

為了更好地開發Vue3項目，以下是一些推薦的VSCode插件：

3.1 Vetur

Vetur是一個專門為Vue.js開發設計的插件，提供了語法高亮、智能提示、格式化等功能。

3.2 ESLint

ESLint是一個代碼檢查工具，可以幫助你發現和修復代碼中的問題。

3.3 Prettier

Prettier是一個代碼格式化工具，可以幫助你保持代碼風格的一致性。

3.4 Vue VSCode Snippets

Vue VSCode Snippets提供了一些常用的Vue代碼片段，可以提高你的編碼效率。

結語：提升開發體驗

通過本文的介紹，你已經學會了如何配置右鍵菜單，實現一鍵用VSCode打開Vue3項目。這個小技巧不僅提高了你的開發效率，還讓你的開發流程更加流暢。希望本文能為你的開發工作帶來便利，讓你在Vue3的世界中更加得心應手。