一。第一步:创建项目
cli工程全局安装vue-cli
npm install -g @vue/cli
通过cli创建uni-app项目
vue create -p dcloudio/uni-preset-vue uni-app
选择项目模板,可自由选择如下图: 创建uni-项目 使用vscode打开创建的项目
启动项目
cd xxx(项目名)
npm run serve
报错:error:0308010C:digital envelope routines::unsupported
export NODE_OPTIONS=–openssl-legacy-provider
注意: vue create -p dcloudio/uni-preset-vue uni-app 如果失败,
先去github github.com/dcloudio/un… 克隆项目,我是直接放到E盘里,然后使用如下命令创建项目
vue create -p E:\uni-preset-vue-master 项目名称
vue create -p 相对路径 项目名
二.uniapp 添加scss全局变量、scss公共类
启动项目:报错没有node-sass
安装:
npm install node-sass
然后报错: Error: Error: Node Sass version x.x.x is incompatible with ^4.0.0.
处理方法
卸载代码如下(示例):npm uninstall node-sass
然后重新安装:npm i -D sass
三.微信小程序启动
npm run dev:mp-weixin
在项目dist文件夹的dev的会多出一个文件mp-weixin,目录结构即为小程序的结构 打开小程序选到此文件夹
然后appid输入自己小程序的appid。
保存的时候会实时编译到这个文件夹,小程序也会相应的改变;