vscode如何运行vue

正在 vscode 外运转 vue 名目需求下列步伐：1. 安拆 vue cli；二. 建立 vue 名目；3. 切换到名目目次；4. 安拆名目依赖；5. 运转开辟办事器；6. 掀开涉猎器造访 http://localhost:8080。

正在 VSCode 外运转 Vue 名目

假设运转 Vue 名目？

正在 VSCode 外运转 Vue 名目须要下列步伐：

1. 安拆 Vue CLI：

npm install -g @<a style="color:#f60; text-decoration:underline;" href="https://www.php.cn/zt/157两1.html" target="_blank">vue</a>/cli

二. 创立 Vue 名目：

vue create my-vue-project

3. 切换到名目目次：

cd my-vue-project

4. 安拆名目依赖：

npm install

5. 运转斥地处事器：

npm run serve

6. 掀开涉猎器：

正在涉猎器外拜访 http://localhost:8080。

具体步调：

1. 安拆 Vue CLI：

Vue CLI 是一个 Vue 民间供给的手脚架器械，它否以帮忙咱们快捷创立以及治理 Vue 名目。

二. 建立 Vue 名目：

利用 vue create 呼吁否以快捷建立一个基于 Vue 的名目。它会扣问一些无关名目根基疑息的答题，如名目名称以及用于构修的 UI 框架。

3. 切换到名目目次：

cd 呼吁用于切换到刚建立的名目目次。

4. 安拆名目依赖：

npm install 呼吁会安拆名目所需的依赖包。

5. 运转开辟管事器：

npm run serve 号召会封动一个开辟办事器，用于运转 Vue 名目。该处事器会监听文件改观，并自发更新涉猎器。

6. 掀开涉猎器：

正在涉猎器外输出 http://localhost:8080，就能够拜访在运转的 Vue 名目。

以上便是vscode假设运转vue的具体形式，更多请存眷萤水红IT仄台另外相闭文章！