正在 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

vscode怎么编译运行vue

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仄台别的相闭文章!

点赞(1) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部