Vue开发环境：如何使用vue creat命令创建项目

　　打开命令行工具，使用vue creat命令创建项目，它会自动创建一个新的文件夹，并将所需的文件、目录、配置和依赖都准备好。在命令行中切换到C:\vue\chapter07目录，创建一个名称为hello-vue的项目，具体命令如下：

vue creat hello-vue

　　需要注意的是，如果在Windows上通过MinTTY使用git-bash，交互提示符会不起作用，为了解决这个问题，需要用winpty来执行vue命令。为了方便使用，可以在git-bash安装目录下找到etc\bash.bashrc文件，在文件末尾添加以下代码：

alias vue='winpty vue.cmd'

　　上述代码表示将vue命令变成一个别名，实际执行的命令为winpty vue.cmd。

　　保存文件后，重新启动git-bash，然后重新执行vue creat hello-vue，结果如下：

Vue CLI v3.10.0
? Please pick a preset: (Use arrow keys)
> default (babel, eslint)
Manually select features

　　在上述结果中，Vue CLI提示用户选取一个preset(预设)，default是默认项，包含基本的babel+eslint设置，适合快速创建一个新项目;Manually select features表示手动配置，提供可供选择的npm包，更适合面向生产的项目，在实际工作中推荐使用这种方式。

　　选择手动配置后，会出现如下选项：

? Check the features needed for your project: (Presee <space> to select,
  <a> to toggle all, <i>to invert selection)
>(*) Babel
( ) TypeScript
( ) Progressive Web App (PWA) Support
( ) Router
( ) Vuex
( ) CSS Pre-processors
(*) Linter / Formatter
( ) Unit Testing
( ) E2E Testing

　　根据提示信息可知，按空格键可以选择某一项，a键全选，i键反选。下面我们来对这些选项的作用进行解释，具体如下。

　　·Babel：Babel配置(Babel是一种JavaScript语法的编译器)。

　　·TypeScript：一种编程语言。

　　·Progressive Web App(PWA)Support：渐进式Web应用支持。

　　·Router：vue-router。

　　·Vuex：Vue状态管理模式。

　　·CSS Pre-processors：CSS预处理器。

　　·Linter/Formatter：代码风格检查和格式化。

　　·Unit Testing：单元测试。

　　·E2E Testing：端到端(end-to-end)测试。

　　在选择需要的选项后，程序还会询问一些详细的配置，读者可以根据需要来选择，也可以全部使用默认值。

　　项目创建完成后，执行如下命令进入项目目录，启动项目：

cd hello-vue
npm run serve

　　项目启动后，会默认启动一个本地服务，如下所示：

App running at:
- Local:   http://localhost:8080/

　　在浏览器中打开http://localhost:8080，观察页面效果。