教學課程:適用于初學者的Vue.js | vs code vue教學
發行項 10/05/2023 3位參與者 意見反應 本文內容 如果您是使用Vue.js的新手,本指南將透過一些基本概念來協助您開始使用。必要條件透過VisualStudioCode試用NodeJS如果您還沒有,請安裝VSCode[1]。建議您在Windows上安裝VSCode,不論您打算在Windows或WSL上使用Vue。開啟命令列並建立新的目錄:mkdirHelloVue,然後輸入目錄:cdHelloVue安裝VueCLI:npminstall-g@vue/cli建立您的Vue應用程式:vuecreatehello-vue-app您必須選擇要使用Vue2或Vu...
發行項 10/05/2023 3 位參與者意見反應
本文內容如果您是使用 Vue.js 的新手,本指南將透過一些基本概念來協助您開始使用。
必要條件 透過 Visual Studio Code 試用 NodeJS如果您還沒有,請安裝 VS Code[1]。 建議您在 Windows 上安裝 VS Code,不論您打算在 Windows 或 WSL 上使用 Vue。
開啟命令列並建立新的目錄:mkdir HelloVue,然後輸入目錄:cd HelloVue
安裝 Vue CLI:npm install -g @vue/cli
建立您的 Vue 應用程式:vue create hello-vue-app
您必須選擇要使用 Vue 2 或 Vue 3 預覽版[2],或手動選取您想要的功能。
開啟新 hello-vue-app 的目錄:cd hello-vue-app
請嘗試在網頁瀏覽器中執行新的 Vue 應用程式:npm run serve
您應該會在瀏覽器中的 http://localhost:8080 上看到「歡迎使用您的 Vue.js 應用程式」。 您可以按 Ctrl+C 來停止 vue-cli-service 伺服器。
注意
如果在本教學課程中使用 WSL (搭配 Ubuntu 或您最愛的 Linux 發行版本),您必須確定...