[JavaScript知识库]vue create 和vue init webpack的区别

都是因为vue-cli不同版本号之间初始化方式的不同
vue create 是vue-cli3.x的初始化方式 官网参考

vue init 是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目，webpack是官方推荐的标准模板名。

1.vue cli2升级到vue cli3步骤：

1. npm uninstall vue-cli -g
2. npm install -g @vue/cli #OR yarn global add @vue/cli
3. 创建一个新项目（vue create my_project）
4. 正式开始改造
   4.1 直接复制2.x中src替换3.x src文件夹
   4.2 安装项目需要的依赖 (可以将原来package.json dependencies下需要的直接复制过来，然后运行npm i)【注意devDependencies中有可能还有一些依赖】
   4.3 安装完后运行npm run serve
   4.4 static中文件移入public
   4.5 创建一个vue.config.js(官网：vue.config.js 配置参考)

2.区别

1.打包方式：
cli2 运行:npm run dev
cli3 运行：npm run serve
至于为什么会变，来看一下package.json

3.文件夹目录：

3.cli3 文件目录：取消掉了config目录、build目录、static目录 ,还有最重要的一点，3.0的安装项目时自动下载node-model；项目中的vue.config.js也没了，需要在3.0的项目中手动添加。

4.创建项目方式

：
3.cli3的安装：vue create project
2.cli2的安装：vue init webpack project