特殊时期,大家一定要保重身体。增强自身免疫力,一切都会过去,一起加油!!!

LWC勉強ーローカルサーバーを起動機能「Live Server」とLWC Local Development Beta(007)

LWC zchao 864℃ 0评论

VS Codeでローカルサーバーを起動できる拡張機能①「Live Server」、②Announcing LWC Local Development Beta

を紹介させていただきます。

 

VSCodeで以下のようになります。インストールします。

若しくは、こちらのリンクをクリックすると、Installを押したら、VSCodeを開きます。

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

 

インストール済みですから、VSCodeの右下側でGo Liveを見えます。

index.htmlを作って、マウスの右ボタンをクリックして「Open with live server」を見てみましょう。

 

 

 

詳しく

Live Server | VSCode Extension

https://ritwickdey.github.io/vscode-live-server/

 

前提として、SFDCの環境をログインしました。

sfdx:Authorize an Orgとか

sfdx force:auth:web:login -a MyDevOrgとか

 

TERMINALの下に実行します。

sfdx plugins:install @salesforce/lwc-dev-server

sfdx force:lightning:lwc:start

 

そのピンク色のURLをコピーして、ブラウザに貼り付けます。

Server up on http://localhost:3333

自分のLWC内容:

エンターキー(Enter)を押したら、出てきましたね。

 

c-hello-worldをクリックすると、実際のLWC画面を表示されています。

 

メリットは本物のSFDC環境にリリースする前に、ローカルでよく試して、問題なければ、一応本番にリリースします。

これは良さそうですね。

 

詳しく

Announcing LWC Local Development Beta

https://developer.salesforce.com/blogs/2019/10/announcing-lwc-local-development-beta.html

 

以上となります。

ご参考になれば幸いです。

 

转载请注明:zchao博客之家 » LWC勉強ーローカルサーバーを起動機能「Live Server」とLWC Local Development Beta(007)

喜欢 (4)or分享 (0)

说点什么

Please Login to comment
  Subscribe  
提醒