首页 > 软件开发 > 编程语言 >

配置webstrom编写vue项目

来源:互联网 2023-03-17 00:27:54 149

使用webstrom 编写vue开始需要对webstrom进行相关的配置。fy9办公区 - 实用经验教程分享!

工具/原料

  • webstrom

方法/步骤

  • 1

    安装vue插件fy9办公区 - 实用经验教程分享!

    打开file,选中setting,点击plugins,在输入框中输入vue.js选中install即可。fy9办公区 - 实用经验教程分享!

    配置webstrom编写vue项目fy9办公区 - 实用经验教程分享!

    配置webstrom编写vue项目fy9办公区 - 实用经验教程分享!

  • 2

    创建Vue模板fy9办公区 - 实用经验教程分享!

    进入setting弹框,选中File and Code Templates,可以看到HTML,JS等模板。现在可以添加Vue模板了,点击红框中的加号,如下图编辑name和Extension,在箭头区输入模板内容,点击OK按钮。fy9办公区 - 实用经验教程分享!

    配置webstrom编写vue项目fy9办公区 - 实用经验教程分享!

    配置webstrom编写vue项目fy9办公区 - 实用经验教程分享!

  • 2相关内容未经授权抓取自百度经验
  • 3

    配置es6fy9办公区 - 实用经验教程分享!

    vue用的es6编写,所以需要将js配置成es6模式,进入setting,选择Languages&Frameworks中的JavaScript,选择ECMAScript6,点击OK按钮即可。fy9办公区 - 实用经验教程分享!

    配置webstrom编写vue项目fy9办公区 - 实用经验教程分享!

  • 4

    创建Vue文件fy9办公区 - 实用经验教程分享!

    File新建的下拉框中即可看到刚刚创建的Vue模板,就可以编写我们的Vue文件了。fy9办公区 - 实用经验教程分享!

    配置webstrom编写vue项目fy9办公区 - 实用经验教程分享!

  • 5

    小试一下fy9办公区 - 实用经验教程分享!

    配置webstrom编写vue项目fy9办公区 - 实用经验教程分享!

    配置webstrom编写vue项目fy9办公区 - 实用经验教程分享!

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


    标签: 编程语言

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