使用vue create、vue webpack init和使用uni-app创建vue项目产生的项目文件区别部分说明

说明:以下内容为本人初学vue得出的作为记录的文章,如有意见或建议请留言,同时接受批评。

使用webpack init创建项目

  1. 用法:vue init webpack my-project
  2. 产生目录:在这里插入图片描述
  3. 目录说明:
    build及config:webpack配置相关
    node_modules:通过npm install安装的依赖代码库
    src:项目源码
    static:存放静态资源
    .babelrc:babel相关配置(因为我们的代码大多都是ES6,而大多浏览器是不支持ES6的,所以我们需要babel帮我们转换成ES5语法)
    .editorconfig:编辑器的配置,可以在这里修改编码、缩进等
    .eslintignore:设置忽略语法检查的目录文件
    .eslintrc.js:eslint的配置文件
    .gitignore:git忽略里面设定的这些文件的提交
    index.html:入口html文件
    package.json:项目的配置文件,用于描述一个项目,包括我们init时的设置、开发环境、生成环境的依赖插件及版本等。
    package-lock.json:普通package.json文件“^2.0”这样写的,意味着版本可以大于等于2.0,如此就会出现各种错误。

使用vue ui(即create)

  1. 使用vue ui图形化界面创建
  2. 产生目录在这里插入图片描述
  3. 目录说明:
    node_modules:通过npm install安装的依赖代码库
    public:部署到生产环境的目录
    src:源码
    .gitignore:git忽略里面设定的这些文件的提交
    babel.config.js:babel转码配置
    package.json:项目的配置文件,用于描述一个项目,包括我们init时的设置、开发环境、生成环境的依赖插件及版本等。
    package-lock.json:普通package.json文件“^2.0”这样写的,意味着版本可以大于等于2.0,如此就会出现各种错误。

补充vue creat和vue init的区别

vue create 是vue-cli3.x的初始化方式,目前模板是固定的,模板选项可自由配置百,创建出来的是vue-cli3的项度目,与cue-cli2项目结构不同,配置方法不同,具体配置方法参考官方文档网页链接。vue init 是vue-cli2.x的初始化方式,可以使用github上面的一些模板来初始化项目,webpack是官方推荐的标准模板名。vue-cli2.x项目向专3.x迁移只需要把static目录复制到public目录下,老项目的src目录覆盖3.x的src目录(如果修改了配置,可以查看文档,用cli3的方法进行属配置)

使用uni-app(官方文档说明的无终端开发)

  1. 使用hbuilderx图形化界面创建
  2. 产生目录在这里插入图片描述
  3. 目录说明:在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值