在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。

操作步骤

image.png

确认操作

需要构建单个文件组件。
生成的模板中提供了以下内容在package.json中。

    • server ビルドを行い確認用のサーバーを起動する

 

    • build ビルドを行う

 

    lint リント(たぶん構文チェック。。。)

为了确认操作,请运行”server”。

image.png
image.png
image.png
image.png
广告
将在 10 秒后关闭
bannerAds