博客搭建（10）uni-app搭建

一.安装环境

安装node环境

设置npm国内镜像源

vue脚手架搭建项目

1.全局安装

npm install -g @vue/cli

2.创建项目

vue create -p dcloudio/uni-preset-vue my-project

3.启动项目

npm run dev:mp-weixin

4.微信小程序开发者工具导入项目

这里导入项目目录为my-project/dist/dev/mp-weixin

这里要开启开发者工具的安全设置里面的服务端口，不然看不到图片，一些资源拿不到

运行效果如下

二.项目结构目录

用vs code打开my-project目录