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
以上となります。
ご参考になれば幸いです。
Latest posts by zchao (see all)
- Auraでアクションボタン作成して画面のチェックボックス項目一括処理 - 2021年4月12日
- デフォルト項目値を含むレコード作成実例説明(defaultFieldValues) - 2021年1月9日
- Salesforce のノーコード・ローコード開発 - 2020年12月31日
转载请注明:zchao博客之家 » LWC勉強ーローカルサーバーを起動機能「Live Server」とLWC Local Development Beta(007)