VsCodeuniapp

安装Vue脚手架(vue-cli)

npm install -g @vue/cli

uni-app

 vue create -p dcloudio/uni-preset-vue 项目名

我们是初学者就直接选择默认模板

创建好后用vscode打开项目

veturvue-helper

安装组件语法提示

npm i @dcloudio/uni-helper-json

初始化npm

npm i @types/uni-app @types/html5plus -D

.vscode.vscode

启动各个端的命令
//启动项目（微信小程序）
npm run dev:mp-weixin
//启动项目（h5）
npm run dev:h5
//启动项目（app平台）
npm run build:app-plus （也就是App平台运行调试不支持cli方式，需在HBuilderX中运行调试）
//启动项目（支付宝小程序）	
npm run dev:mp-alipay
//启动项目（百度小程序）
npm run dev:mp-baidu	
//启动项目（字节跳动小程序）
npm run dev:mp-toutiao	
//启动项目（qq 小程序）
npm run dev:mp-qq	
//启动项目（快应用）
npm run dev:quickapp-webview	

执行完成

微信小程序为例npm run dev:mp-weixin

npm run dev:mp-weixin

distmp-weixin

导入名称目录dist/mp-weixinAppID测试号确定npm run dev:mp-weixin

我这里已经是有了

到这里就是最简化开始开发小程序的步骤了

如果想用scss样式:

#先安装node-sass
npm install node-sass
#然后安装sass-loader，这里安装7.3.1版本，版本可选择性更新，因为高版本可能会报错
#使用 cnpm 会快一些
cnpm install sass-loader@7.3.1

Vue3_121">使用Vue3模板语法创建

vue create -p dcloudio/uni-preset-vue#vue3 项目名