VUE2.0和VUE3.0区别以及移动端适配

VUE2.0和VUE3.0区别以及VUE-CLI移动端适配

  • VUE2.0和VUE3.0区别
      • 1.项目目录结构
      • 2.配置项
      • 3.常用命令
  • VUE-CLI移动端适配区别
    • vue-cli2.0移动端适配
    • vue-cli3.0移动端适配
  • 感谢

VUE2.0和VUE3.0区别

1.项目目录结构

1、vue-cli3.0移除了配置文件目录,config 和 build 文件夹
2、移除了 static 文件夹,新增 public 文件夹,并且 index.html 移动到 public 中
3、在 src 文件夹中新增了 views 文件夹,用于分类 视图组件 和 公共组件

2.配置项

1、3.0 config文件已经被移除,但是多了.env.production和env.development以及vue.config.js文件,除了文件位置,实际配置起来和2.0没什么不同

3.常用命令

0、拉取脚手架
3.0:npm install -g @vue/cli
2.0:npm install -g vue-cli

1、启动项目
3.0:npm run serve
2.0:npm run dev

2、创建项目
3.0:vue create my-project 或 vue ui
2.0:vue init webpack my-project

VUE-CLI移动端适配区别

vue-cli2.0移动端适配

https://www.jianshu.com/p/21ab895ef146

vue-cli3.0移动端适配

https://www.jianshu.com/p/947a20584be0

感谢

感谢以上链接得作者,这里只是个收藏

你可能感兴趣的:(前端开发)