前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Salesforce学习 Lwc开发基础(环境搭建)

Salesforce学习 Lwc开发基础(环境搭建)

原创
作者头像
repick
修改2021-02-04 10:50:55
1.6K0
修改2021-02-04 10:50:55
举报
文章被收录于专栏:Salesforce

环境搭建可以参照:trailhead 【Salesforce DX】篇

地址:https://trailhead.salesforce.com/ja/content/learn/projects/quick-start-salesforce-dx

1.Visual Studio Code + salesforce DX

启用Enable Dev Hub

2.Jdk安装

下载步骤如下,安装步骤省略,与Java项目一致。

3.下载安装CLI

CLI全称为 Command Line Interface,用于控制Salesforce应用程序的整个应用程序生命周期。

下载地址为:

https://sfdc.co/sfdx_cli_win64

https://sfdc.co/sfdx_cli_osx

安装步骤:

4.下载安装Visual Studio Code

官网:https://code.visualstudio.com/

安装步骤省略.......

安装成功之后打开的界面:

5.安装必要的扩展包

必要的扩展功能如下

【Git History】监视Git的branch的状况。

【Output Colorizer】log信息加上颜色,有助于监视log信息。

【Trailing Spaces】很常用,可以在保持之后,自动去除代码最后的空格,和多余的改行。

【Whitespace+】可以自动检知半角空格以外的空白文字,包括全角空格和tab。

【Bracket Pair Colorizer】可以把括号自动用颜色区分开,对于读写代码非常有用。

【Salesforce Extension Pack】安装之后,下边扩展功能也同时被安装。

Apex,Apex Interactive Debugger,Apex Replay Debugger,Aura Components,ESLint,Lightning Web Components,Salesforce CLI Integration

【IntelliSense for CSS Class names in HTML】Lightning Web Components開発用

【Live HTML Previewer】Lightning Web Components開発用

【Path Autocomplete】Lightning Web Components開発用

6.创建工程

ctrl+Shift+p Create Project

第一次进行组织的情况下,会出现如图所示信息。
第一次进行组织的情况下,会出现如图所示信息。

TERMINAL:

sfdx force:auth:web:login -d -a DevHub

自动打开默认浏览器,输入用户名,密码,通过验证之后,将显示登录成功。

输入邮箱接受到的验证码
输入邮箱接受到的验证码

7.GitHub上下载工程

安装Git,地址:https://gitforwindows.org/

Terminal里边输入:

代码语言:javascript
复制
mkdir my_sfdx_project
cd my_sfdx_project   

Terminal里边输入:

代码语言:javascript
复制
git clone https://github.com/trailheadapps/dreamhouse-lwc.git

使用一下Git命令,可以自由切换Branch。

代码语言:javascript
复制
git checkout -b my_branch

8.SendBox登录

选择【login.salesforce.com】

登录成功之后就可以在vscode上创建lwc

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.Visual Studio Code + salesforce DX
  • 2.Jdk安装
  • 3.下载安装CLI
  • 4.下载安装Visual Studio Code
  • 5.安装必要的扩展包
  • 6.创建工程
  • 7.GitHub上下载工程
  • 8.SendBox登录
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档