Ao criar um novo repositório, use create-plasmic-app, e tudo será configurado automaticamente. Para criar um projeto, execute o seguinte código na ferramenta de linha de comando:
npx create-plasmic-app
Após cerca de um minuto e meio, ele informa que a instalação foi bem-sucedida. Em seguida, você pode definir o nome do projeto, o idioma do código, a estrutura de reação, o esquema de integração e o link do projeto de acordo com os prompts. Além do nome e link do projeto, os três itens restantes são selecionados com a seta ↑/ no teclado . Você pode apenas escrever um nome de projeto, o link do projeto é o link de desenho do plasma e outras opções são baseadas nas opções oficiais recomendadas. Por exemplo, o que eu digitei (apenas para referência):↓
Please specify the project directory
? What is your project named? plasmicdesign
? What language do you want to use? TypeScript
? What React framework do you want to use? Next.js
? Which scheme do you want to use to integrate Plasmic? PlasmicLoader
? What is the URL of your project?
(If you don't have a project yet, create one by going to
https://studio.plasmic.app/starters/simple-light):
https://studio.plasmic.app/projects/x2MP8nP6DT8WT9iEdA83zr
Em seguida, o seguinte será solicitado:
Let's get started! Here's what we'll do:
1. Authenticate with Plasmic
2. Create a React/Next/Gatsby repo
3. Integrate with Plasmic
==================================================
AUTHENTICATING WITH PLASMIC
==================================================
If your browser doesn't automatically open, enter the following URL:
https://studio.plasmic.app/auth/plasmic-init/94da7201-bd39-4ccd-951c-36e6fa043bbf
Please log in and authorize Plasmic CLI.
Waiting for token...
Neste momento, aparecerá uma página no navegador, clique no botão para autorizar.
Após a autorização, a localização da base de código do Plasmic no computador local será exibida.
Em seguida, o arquivo do projeto é criado automaticamente e as dependências são instaladas.
Successfully created Plasmic credentials file at /Users/ym/.plasmic.auth
==================================================
CREATING THE PROJECT
==================================================
npx -p create-next-app create-next-app --typescript /Users/ym/plasmicdesign
npx: 1 安装成功，用时 2.924 秒
Creating a new Next.js app in /Users/ym/plasmicdesign.
Using npm.
Installing dependencies:
- react
- react-dom
- next
Depois, há o processo de instalação totalmente automático, portanto não entrarei em detalhes.
Finalmente, esta linha aparece, indicando o sucesso:
Congrats! We created the Plasmic-connected project at plasmicdesign
Em seguida, siga as instruções para entrar no diretório de configuração e iniciar o serviço:
cd plasmicdesign
npm run dev
Links Relacionados: Tutorial de Introdução ao Plasmic Studio