正在 vscode 外创立 vue 名目的办法:安拆 vue cli;创立新名目(vue create my-vue-project);选择名目模板;输出名目名称以及选项;安拆依赖项(cd my-vue-project && npm install);运转名目(npm run serve);正在涉猎器外掀开名目(http://localhost:8080)。

vscode怎么创建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 create my-vue-project
登录后复造

步调 3:选择名目模板

  • 选择默许模板(脚动选择其他模板)。

步调 4:输出名目名称以及选项

  • 输出名目名称,比如 "my-vue-project"。
  • 选择其他选项,歧 package manager、UI 框架以及措辞。

步伐 5:安拆依赖项

  • 运转下列呼吁安拆名目依赖项:
cd my-vue-project
npm install
登录后复造

步调 6:运转名目

  • 运转下列号令封动斥地办事器:
npm run serve
登录后复造

步调 7:翻开名目

  • 正在涉猎器外翻开下列所在:
http://localhost:8080
登录后复造

你而今曾经顺遂正在 VSCode 外建立了一个 Vue 名目。

以上便是vscode要是建立vue名目的具体形式,更多请存眷萤水红IT仄台另外相闭文章!

点赞(12) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部