석 달 동안 응용 프로그램을 개발 플러터를 사용하여, 다른 작은 파트너 다시 이동하지 않도록 관성, 그리고, 피트 건물 플러터 웹 환경 변수에서 많은 시간을 공유 몇 가지 행동이있다.
의 떨림의 첫 번째 버전 사용하려면 위의 1.5을
2.3.0 이상을 사용하는 다트.
설치 경우 Webdev는 경우 Webdev은 로컬 서버를 사용하기 시작하는 것입니다
flutter pub global activate webdev
그런 다음 환경 변수를 구성
export PATH="$PATH":"$HOME/flutter/.pub-cache/bin"/ ************* 섹션에서 ************* / 환경 변수를 구성하는 방법에 대해 설명합니다
1) 입력 단자를 열고
sudo vim .bash_profilesudo는 곁에 선행는 파일의 .bash_profile을 수정할 수있는 권한이 없습니다 방지하는 것입니다
파일 사용 권한이있는 경우, 편집 모드로 들어갑니다, E를 입력 한 암호를 입력하고 아래 그림과 같이 다음 표시 할 필요가
내가 편집하기 시작 입력에 파일 .bash_profile에 추가
export PATH="$PATH":"$HOME/flutter/.pub-cache/bin", Esc 키를 눌러 다음 영어 콜론 ":"입력 WQ는 저장하고 종료
마지막으로, 입력 단자
source .bash_profile업데이트 된 환경 변수
/ ************* 상단 부분은 환경 변수를 구성하는 방법에 대해 설명합니다 ************* /
힘내 복제 flutter_web의 코드를
지정된 폴더에서 실행
git clone https://github.com/flutter/flutter_web.git열기 예 / 그래서 hello_world
cd examples/hello_world/업데이트 패키지
기입
flutter pub upgrade
다음과 같은 내용의 출현은 성공적으로 업데이트 한 후
$ flutter pub upgrade
! flutter_web 0.0.0 from path ../../flutter_web
! flutter_web_ui 0.0.0 from path ../../flutter_web_ui
Running "flutter pub upgrade" in hello_world... 5.0s실행
webdev serve다음과 같은 내용의 출현 후 로컬 서버가 성공적으로 시작 나타낸다
[INFO] Generating build script completed, took 331ms
...
[INFO] Building new asset graph completed, took 1.4s
...
[INFO] Running build completed, took 27.9s
...
[INFO] Succeeded after 28.1s with 618 outputs (3233 actions)
Serving `web` on http://localhost:8080크롬 브라우저 입력 에 http : // localhost를 : 8080
우리는 효과를 볼 수 있습니다
물론, 당신은 AS 또는 VS 코드를 사용하여 플러터 웹 프로젝트를 만들 수 있습니다.
VS 코드, 예를 들면
첫째, VS 코드를 엽니 다
보기를 선택 상단의 상태 표시 줄 -> 명령 팔레트 ...
새 웹 프로젝트를 파일 이름을 편집하고 지정된 폴더에 저장 : 아래의 그림은, 떨림이 나타납니다 입력 플러터를 선택
웹 폴더의 출현, 웹 폴더가 index.html을 성공적으로 증명하기 위해 생성 한
마지막으로, 프로젝트가 될 수 있습니다 실행하는 데 위의 방법을 사용합니다.
내가 배우고 많은 것을 얻기 위해 당신에게 성공 플러터 주니어 파트너를 바랍니다.