uniapp使用vscode开发

1,161 阅读1分钟

一。第一步:创建项目

cli工程全局安装vue-cli

npm install -g @vue/cli

通过cli创建uni-app项目

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

选择项目模板,可自由选择如下图:  创建uni-项目  使用vscode打开创建的项目

image.png

image.png

启动项目

cd xxx(项目名)

npm run serve

报错:error:0308010C:digital envelope routines::unsupported

export NODE_OPTIONS=–openssl-legacy-provider

blog.csdn.net/zjjxxh/arti…

注意: 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公共类

blog.csdn.net/qq_40146789…

启动项目:报错没有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。

保存的时候会实时编译到这个文件夹,小程序也会相应的改变;