# npm安装
npm install -g @vue/cli
# cnpm安装 在已经安装了cnpm情况下,没有安装cnpm,请执行下一步
# npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm install -g @vue/cli
# yarn安装
yarn add @vue/cli -g
创建uni-app项目 Create uni-app Project
vue create -p dcloudio/uni-preset-vue my-project
# 选择默认模板
# yarn安装 网速允许情况下,推荐
yarn install
# cnpm安装 在已经安装了cnpm情况下,没有安装cnpm,请执行下一步
# npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm install
# npm安装
npm install
编译和热重装以进行开发 Compiles and hot-reloads for development
# yarn运行
yarn serve
# npm运行
npm serve
编译并最小化生产 Compiles and minifies for production
# yarn运行
yarn build
# npm运行
npm build
自定义配置 Customize configuration
See Configuration Reference.
- 命名: 小写
home
, 连接符-
, user-info
- 目录:
home/index.vue
, user-info/index.vue
- 规范: 高可用/复用的抽离到公共组件中
- 命令: 大写
Tab
, GlobalHeader
- 目录:
Tab/index.vue
, GlobalHeader/index.vue
- 图标建议引用
iconfont
,引入的静态资源全部放到static
目录下。
https://uniapp.dcloud.io/quickstart-cli