O Vscode desenvolve projetos de applet e os executa nas ferramentas de desenvolvedor do WeChat

Requisito: depois que o vscode desenvolve o uniapp, ele é executado nas ferramentas de desenvolvedor do WeChat, e os desenvolvedores do WeChat também o alteram de forma síncrona ao alterar

Crie os plug-ins necessários para os applets do WeChat, basta instalá-los no gerenciamento de plug-ins do vscode

1. Ferramenta de desenvolvimento de miniprogramas WeChat

2.vscode weapp api

3.vscode wxml

4.vscode wechat

1. Crie um comando de applet

Aqui uniapp-vue é o nome do projeto, que não pode ser capitalizado

vue create -p dcloudio/uni-preset-vue uniapp-vue

2. Selecione o modelo uni-app

Existem vários modelos para escolher. Eu selecionei diretamente o modelo padrão aqui. Você pode selecioná-lo diretamente com o cursor para cima e para baixo. Depois de selecioná-lo, pressione Enter. Após o retorno do carro, você pode começar a criar o modelo padrão da seguinte maneira

Após a conclusão da criação, ela pode ser executada de acordo com o prompt da fonte azul. Aqui precisamos alterar algo, não execute ainda

alteração 3.package.json

Encontre isso, depois disso mude o comando sever 

  "scripts": {
    "serve": "npm run dev:mp-weixin",

Execute npm run serve novamente após a conclusão das alterações

4. Possível resolução de erro

O seguinte erro pode ser relatado ao executar pela primeira vez, porque a versão do prefixo automático é muito alta

Basta executar o seguinte comando para fazer o download novamente e executar o npm run serve novamente após a conclusão do download

npm i postcss-loader [email protected] 

 4. correr

Depois de executar o comando e compilar, aparece o seguinte, de acordo com o prompt da fonte azul, localize mp-weixin no arquivo dist

5. Abra as ferramentas de desenvolvedor do WeChat

Abra as ferramentas de desenvolvedor do WeChat e clique no sinal de mais +

Encontre mp-weixin no projeto, selecione a pasta, se não houver appid, selecione o número do teste

 

Execute da seguinte maneira, preste atenção! ! Depois de executar com sucesso, não feche o projeto no vscode, apenas escreva o código no vscode, salve o código após a gravação e a ferramenta de desenvolvedor do WeChat mudará automaticamente

 

 6. fim

O artigo termina aqui e espero que seja útil para você ~