在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执行
默认模板
新建之后的目录