vue生成项目的几种手段

 

目录

1.vue3.0脚手架与vue2.x脚手架并存

2.vue-cli 2.x版本

3.vue-cli 3.0版本


1.vue3.0脚手架与vue2.x脚手架并存

安装最新的vue3.0的脚手架

npm install -g @vue/cli
# OR
yarn global add @vue/cli

如果你想同时保留vue2.x的脚手架,你可以这样:

npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `[email protected]` 相同
vue init webpack my-project

2.vue-cli 2.x版本

第一种:

vue init webpack project-name

第二种:

vue init webpack-simple project-name

相对来说,第二种的目录比第一种要简单的多,对于配置项可以自己定制化的去配置;第一种比第二种目录要复杂得多,但是基本配置都比较全;


3.vue-cli 3.0版本

vue create project-name

3.0的脚手架生成的项目,相比前面2.x的版本,又要精简优雅的多,而且没有了webpack.config.js配置文件,新的配置文件叫做vue.config.js,babel的配置文件也变了,变为了babel.config.js;

猜你喜欢

转载自blog.csdn.net/weixin_40920953/article/details/85220063