Vue CLI 创建项目

时间:2021-03-19 18:59:27

使用命令创建VUE项目

运行以下命令【vue create [项目名]】来创建一个新项目:

vue create hello-world

警告

如果你在 Windows 上通过 minTTY 使用 Git Bash,交互提示符并不工作。你必须通过 winpty vue.cmd create hello-world 启动这个命令。不过,如果你仍想使用 vue create hello-world,则可以通过在 ~/.bashrc 文件中添加以下行来为命令添加别名。 alias vue='winpty vue.cmd'你需要重新启动 Git Bash 终端会话以使更新后的 bashrc 文件生效。

你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset,也可以选“手动选择特性”来选取需要的特性。

Vue CLI 创建项目

使用图形化界面创建和管理VUE项目

你也可以通过 【vue ui】 命令以图形化界面创建和管理项目:

vue ui

上述命令会打开一个浏览器窗口,并以图形化界面将你引导至项目创建的流程。

输入命令时无需指定某个路径目录下,安装vue cli是全局的

Vue CLI 创建项目

Vue CLI 创建项目

你可以通过http://localhost:8000/网页控制台创建或者导入Vue项目

Vue CLI 创建项目