vue-cli的简单介绍:
通过 @vue/cli 快速生成零配置的项目脚手架:
- 1.可以灵活的配置文件进行配置;
- 2.可以通过插件进行拓展
- 3.可以进行图形界面画进行项目配置
安装
安装的注意点:
- 1.nodejs的版本要求(8.9 或更高版本-->推荐8.11.0+)可以使用nvm-windows来管理node版本;
- 2.如果电脑中以前有全局安装过vue-cli(1.x或者2.x)你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
安装命令
- 1.npm install -g @vue/cli(或者)
- 2.yarn global add @vue/cli
- 3.可以通过 vue --version 命令来看看是否安装成功
创建项目
命令:vue create vue-cli3.0-demo(这个是项目的名字)
项目创建完成之后
- 1.如果想去掉eslint配置的话,找到.eslintrc文件去掉extends: ["plugin:vue/essential", "@vue/prettier"],中的"@vue/prettier"
- 2.如果想在本地放一些模拟测试数据必须放在public文件夹下面,vue-cli3.x的public文件相当于2.x的static文件只有这个文件夹是对外暴露的(必须注意);
- 3.项目的目录相比于2.x版本精简了很多了,以下是对各个目录的介绍