首页 > 电脑专区 > windows >

WebStorm2018如何创建Vue项目

来源:互联网 2023-02-20 23:01:15 266

WebStorm2018可以自动创建Vue项目,非常方便,下面将详细介绍如何创建vue项目dhF办公区 - 实用经验教程分享!

WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • webstorm2018
  • nodejs npm

方法/步骤

  • 1

    打开WebStorm2018,创建项目,选择vue项目类型,如下图所示dhF办公区 - 实用经验教程分享!

    WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

  • 2

    使用vue-cli插件进行创建,前提是需要用npm装好vue-cli模块,点击下一步dhF办公区 - 实用经验教程分享!

    WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

  • 3

    填写项目名称,如下图所示dhF办公区 - 实用经验教程分享!

    WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

  • 3该信息未经许可获取自百度经验
  • 4

    之后是一系列默认操作,如下组图dhF办公区 - 实用经验教程分享!

    WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

    WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

    WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

    WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

    WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

    WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

    WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

    WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

    WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

  • 5

    最后一步点击next开始生成项目结构dhF办公区 - 实用经验教程分享!

    WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

  • 6

    项目整体目录结构如下图所示dhF办公区 - 实用经验教程分享!

    WebStorm2018如何创建Vue项目dhF办公区 - 实用经验教程分享!

  • 注意事项

    • 您的赞美是我继续创作的动力,请为我点赞,谢谢

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!dhF办公区 - 实用经验教程分享!


    标签: 操作系统创建项目

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码