uniapp新建项目的方式

在H5招聘项目的时候，发现不能npm安装，发现是新建项目的时候选择了类型，
为了以后更好的使用，现在新建不同的选项来看一下区别.

另外，建议以后不新建项目，容易有坑，可以用以前的项目。清空内容之后再使用。

快速上手

一、通过HBuilderX 可视化界面

1.1普通项目–基本HTML项目

新建之后的目录

包含index.html和css、js、img目录

---

1.2普通项目–vue项目

新建之后的目录

在html中引入vue.js

---

1.3普通项目–vue项目2.6.10

新建之后的目录

vue-cli默认项目，仅包含babel

---

1.4普通项目–element-starter

新建之后的目录

element-ui的项目模板

---

1.5uniapp–默认模板

新建之后的目录

默认模板

---

1.6uniapp–uni-ui项目

新建之后的目录

内置uni-ui的项目模板

---

1.7uniapp–Hello uni-app项目

新建之后的目录

演示uni-app框架的组件、接口、模板

---

1.8小程序

新建之后的目录

二、通过vue-cli命令行

2.1环境安装

全局安装vue-cli
npm install -g @vue/cli

2.2创建uniapp

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

2.3执行

默认模板

新建之后的目录