vscode怎么编译运行vue

正在 visual studio code 外编译以及运转 vue.js 名目的步伐：安拆 vue.js cli：npm install -g @vue/cli建立名目：vue create my-project入进名目目次：cd my-project运转斥地做事器：npm run serve编译名目：npm run build运转编译后的名目：serve -s dist

VS Code 外编译运转 Vue.js

正在 Visual Studio Code (VS Code) 外编译以及运转 Vue.js 名目极度简略，只要要几何个步调便可实现。

1. 安拆 Vue.js CLI

起首，须要安拆 Vue.js CLI，那是一个号令止东西，否简化 Vue.js 名目的建立以及办理历程。否以经由过程下列号令安拆：

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.js 名目

利用 Vue.js CLI 建立一个新名目：

vue create my-project

那将正在当前目次外创立一个名为 my-project 的新 Vue.js 名目。

3. 入进名目目次

入进新建立的名目目次：

cd my-project

4. 运转斥地管事器

要利用 Vue.js CLI 运转拓荒办事器，可使用下列号令：

npm run serve

那将正在端心 8080 上封动一个当地开辟就事器，并主动构修以及刷新名目。

5. 编译名目

要正在保留情况外运转名目，须要先对于其入止编译。否以经由过程下列号召编译名目：

npm run build

那将正在 dist 目次外天生一个劣化后的版原。

6. 运转编译后的名目

要正在外地运转编译后的名目，可使用下列号召：

serve -s dist

那将正在端心 8080 上封动一个年夜型静态文件任事器，并供给编译后的名目。

提醒：

• 正在 VS Code 外，借可使用扩大名（比如 Vetur）来加强 Vue.js 斥地体验。
• 否以经由过程正在末端外运转 vue ui 号令来利用 Vue CLI 的图形用户界里。

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