uni-app搭建小程序项目

脚手架搭建项目

1.全局安装

npm install -g @vue/cli

2.创建项目

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

3.启动项目(微信小程序)

npm run dev:mp-weixin

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

样式和sass

• 支持小程序的rpx和h5的vw、vh

  750rpx=屏幕的宽度

  100vw=屏幕的宽度

  100vh=屏幕的高度

• 内置sass的配置，只需要安装对应的依赖即可

npm install sass-loader node-sass

• Vue组件中，在style标签上加入属性 lang=‘scss’