使用vuecli快速生成一个基于webpack构建的项目

在命令提示符窗口中，输入命令

vue create my-project

执行命令后，会提示选取一个 preset。可以选择默认的包含了基本的 Basel + ESLint 设置的 preset，也可以选择 Manually select features 手动选择特性。这里选择 Manually select features 选项。

按回车键进入。

通过键盘中的方向键上下移动，按空格键进行选择。

按回车键，此时会询问路由是否使用 history 模式，输入 Y 表示确定。

接着，会选择一个 CSS 预处理工具，这里选择默认选项。

选择语法检查规范，这里选择默认选项。

选择额外的 lint 功能，这里选择 Lint on save

选择配置信息的存放位置，这里选择 In package.json

最后会询问是否保存当前的配置，以便下次构建项目时无须再次配置。

项目创建完成后，会在当前目录下生成项目文件夹。项目目录结构如下：