Webstorm 新建.vue檔案支援高亮vue語法和es6語法-js教程-PHP中文網

首頁

web前端

js教程

Webstorm 新建.vue檔案支援高亮vue語法和es6語法

小云云

Jan 02, 2018 pm 01:33 PM

webwebstorm

本文主要介紹了Webstorm 增加新建.vue檔案功能並支援高亮vue語法和es6語法，非常具有實用價值，需要的朋友可以參考下，希望能幫助到大家。

Webstorm 新增新.vue檔案功能並支援高亮vue語法和es6語法，分享給大家，具體如下：

新增新建.vue檔案功能

①Webstorm 右上角File-Plugins 搜尋vue如果沒有就去下載點擊serch in repositories

②點擊安裝vue.js

③安裝成功後點選右下角Apply 提示重啟webstorm 重新啟動完成後Setting-Editor-File and Code Templates 點選右上角的加號新增vue檔案Name為vue File, Extension 為vue,下面的位置可以填寫自訂的初始化範本內容

④點擊OK 返回，在專案中新建會出現vue檔案webstorm設定新vue檔案完成。

高亮vue的語法和ES6支援

①高亮vue的語法Setting-File Types 選取html 點擊下面的加號新增*.vue 點選Apply 返回就可以看到webstorm 識別.vue檔案中的語法

②ES6支援：JavaScript選擇es6

補充：看到有人說直接在<script>標籤中加入type="text/ecmascript-6"裡面的程式碼也會高亮並支援ES6。 </script>

相關推薦：

Webstorm 利用babel將ES6自動轉碼成ES5

如何基於WebStorm, React和Ant .Design開發WebAppDemo

WebStorm常用快速鍵

以上是Webstorm 新建.vue檔案支援高亮vue語法和es6語法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

webstorm怎么运行vue项目Apr 08, 2024 pm 01:57 PM

要使用 WebStorm 运行 Vue 项目，可以按照以下步骤进行操作：安装 Vue CLI创建 Vue 项目打开 WebStorm启动开发服务器运行项目查看浏览器中的项目在 WebStorm 中调试项目

webstorm怎么创建htmlApr 08, 2024 pm 01:42 PM

使用 WebStorm 创建 HTML 项目分五步：创建新项目并配置 HTML 设置；添加新 HTML 文件；编写 HTML 代码并利用实时预览；预览 HTML 文件并进行部署；使用模板和 Emmet 快捷方式加快开发。

webstorm怎么切换中文Apr 08, 2024 pm 01:30 PM

WebStorm 中切换中文方法：打开设置面板（Windows/Linux：Ctrl + Alt + S；macOS：Command + ,）。导航至“外观和行为”>“语言和框架”。在“用户界面语言”下拉菜单中选择“IntelliJ IDEA 用户界面”。在“Locale”列表中选择所需的中文语言（例如“中文（中国大陆）”）。点击“应用”，重启 WebStorm。

webstorm怎么改中文版Apr 08, 2024 pm 12:24 PM

将 WebStorm 更改为中文版：打开 WebStorm 设置。导航到“Appearance & Behavior”>“Language & Fonts”。在“User Interface Language”中选择“Chinese (Simplified)”或“Chinese (Traditional)”。重启 WebStorm，界面将显示为中文。

WebStorm2021如何安装？安装教程详解【附图】Aug 02, 2022 pm 05:27 PM

对于入门JavaScript 开发的者，最重要的就是安装WebStorm软件，一款非常优秀的JavaScript工具，在互联网上查询目前还没有一篇写得比较详细的WebStorm教程。今天分享WebStorm2021.3.2版本的安装教程，从下载到安装以及创建项目带大家完整的走一遍。

webstorm怎么恢复默认Apr 08, 2024 pm 12:15 PM

要恢复 WebStorm 为默认设置，请关闭 WebStorm 并删除首选项目录，然后重新启动 WebStorm。详细步骤包括：完全退出 WebStorm。删除首选项目录（具体位置因操作系统而异）。重新启动 WebStorm。

webstorm怎么新建项目Apr 08, 2024 am 11:57 AM

使用 WebStorm 创建新项目的步骤：打开 WebStorm并选择“新建项目”；根据需要选择项目类型，如 Node.js、React 等；配置项目设置，包括名称、位置和框架版本；对于特定项目类型，选择所需框架；单击“创建”按钮生成项目；项目将自动在 WebStorm 中打开，供您编写代码和构建应用程序。