尤明明Blog

网站建设 | 前端切图,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » vue »

使用vue create和vue init webpack创建项目的区别

2024-11-28   Umming   vue    评论(0)    浏览(23)


因为vue-cli不同版本号之间初始化方式的不同

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的方法进行配置)

使用方法:

一.vue cli2升级到vue cli3

1.先升级npm的版本

npm install -g npm

2.再卸载之前的vue cli 2.9.6

npm uninstall -g @vue/cli

3.下载最新的vue cli版本

npm install -g @vue/cli

二.vue3,0版本创建项目

1、vue create myproject

2、默认选择default方式即可

vue2.0和vue3.0的区别

1.打包方式:

2.0是通过:npm run dev

3.0是:npm run serve

至于为什么会变,来看一下package.json

2.文件夹目录:

3.0取消掉了config目录、build目录、static目录 ,还有最重要的一点,3.0的安装项目时自动下载node-model

vue.config.js也没了,需要手动添加。

3.创建项目方式:

3.0的安装:vue create 3.0project;

2.0的安装:vue init webpack(据我所知有五个,这个是我常用的) 2.0project(项目名)

三、

npm install - cnpm

cnpm install vue

cnpm install vue-cli --global

vue init webpack hello-world 创建项目

vue create

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的方法进行配置)


标签: vue

本文链接:https://www.umming.com/vue/363.html

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


发表评论:

//