一. uni-app脚手架搭建
1、全局安装(只需要安装一次) )。
npm install -g @vue/cli 2，项目创建
vue create-pdcloudio/uni-preset-vue my-project (我的项目是你的项目名称) 3、启动项目(微信项目) )。
npm run dev:mp-weixin
完成的项目结构如下。
微信项目的目录结构
4、微信小程序开发者工具部署项目
二、建设过程中可能出现的问题
1、容易出现vue与vue-templage-complier版本不一致的问题
此时，根据提示重新安装对应的vue版本即可
请指定npm install vue@2.6.10或npmivue-template-compiler @2.6. 10 (您的vue版本号) )，然后重新运行项目
npm run dev:mp-weixin 2，vue不是内部或外部命令
首先，检查是否安装了node.js和全局vue-cli
2.1安装node.js，在node.js官网(https://nodejs.org/en/download/)上下载安装软件包，安装完成后打开命令行
2.2全局vue-cli命令：安装npm install -g vue-cli并检查vue -V是否可运行。 如果仍然显示vue不是内部或外部命令，则可以通过设置Path系统变量进行解决
配置步骤如下：
首先，在计算机上全局搜索vue.cmd
搜索结果
将vue.cmd的路径添加到Path环境变量中即可。 如果我的路径是“c :usersLenovoprogram filesnodejsnode _ global”。
要打开Path环境
这样就可以了
继续测试输入vue -V
命令：请注意，vue -V和-V必须大写
3、npm install -g @vue/cli中出现ERR！
首先用npm uninstall vue-cli -g拆下脚手架，安装淘宝镜像
使用淘宝镜像：
1 .官网： http://npm.taobao.org；
2 .安装： npminstallcnpm-g-- registry=https://registry.NPM.Taobao.org； 注意：安装后，请检查版本号cnpm -v或关闭命令提示符并重新打开。 安装后直接使用可能会发生错误。
3 .注意： cnpm与npm的用法完全一致，但在执行命令时将npm更改为cnpm。 (以下操作使用cnpm代替npm。
如何更新npm :您可以使用npm install -g npm更新版本
然后，安装cnpm install vue-cli -g，安装完成后使用vue -V测试安装是否成功，创建项目的npm命令为cnpm
三.项目目录
官方文档： https://uniapp.dcloud.io
| App.vue APP应用程序设置、app全局样式和监听设置
| main.js Vue初始化门户文件
| mainfest.json配置软件包信息，如APP应用程序名称、appid和徽标/版本
|页面类别资讯，例如| pages.json设定页面吉鲁、导览列和页签
| uni.scss中内置的sass变量，可以直接使用
|—pages
| |_ index
| index.vue页面组件
|
|__ static静态资源(此文件可以存储图像等，但不能包含样式。 vue不分析css样式) ) ) ) ) ) )。
徽标. png
四.风格和sass
1、支持小程序的rpx和h5的vw、vh
2、内置sass的配置，只需安装对应的依赖关系即可
在npminstallsass-loader node-sass 3、vue组件的" style "标签中添加属性