uni-app使用 （从下载到项目启动 流程 踩坑）

1 脚手架安装

npm install -g @vue/cli

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

2安装启动

报错 sass（ 'additionalData'.或者 data ） 都是sass-loader版本的问题

解决————

下载指定版本

"node-sass": "^4.14.1",
"sass": "^1.49.0",
"sass-loader": "^8.0.2",

3 编译完成看效果 （微信小程序）

1 编译 npm run dev:mp-weixin

 2 借助开发工具 HBuilder X 打开项目

 3  配置小程序APPID

        获取 登录 https://mp.weixin.qq.com 申请​

 HBuilder X配置

​

配置完appId之后  在工具里运行设置

 配置微信小程序开发工具地址

打开微信小程序开发软件 进行设置 安全 服务端口开启

然后HB点击运行  选择小程序  微信小程序 

控制台输出

小程序就会多出项目

点击打开项目  项目运行成功