在Windows10环境下,使用IntelliJ创建Vue.js开发环境
首先
宮本さんは「IntelliJ IDEAでVue.jsを実行するためのMac版開発環境手順」というタイトルで公開していましたが、こちらではWindows10版の手順をまとめました。
另外,IntelliJ的Vue.js插件会生成基于单文件组件开发的模板。因此,使用此步骤构建的环境也是用于单文件组件开发的环境。请注意,这不是用于通常情况下在下面的HTML文件中使用script标签指定Vue.js并大量编写JavaScript代码的开发方式。
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
~省略~
</html>
※ 参考:Vue.js官方:单文件组件
保護至關重要。
ソフトウェアバージョンWindows 10 Professional-IntelliJ Ultimate2020.3nodejs (※)14.15.1
※ 将 Node.js 的 ZIP 版本解压至 C:\Programs\nodejs\node-v14.15.1-win-x64。
操作步骤
确认操作
需要构建单个文件组件。
生成的模板中提供了以下内容在package.json中。
-
- server ビルドを行い確認用のサーバーを起動する
-
- build ビルドを行う
- lint リント(たぶん構文チェック。。。)
为了确认操作,请运行”server”。