1. 主页
  2. Vue2 教程
  3. Vue教程之vue-cli4命令行创建项目

Vue教程之vue-cli4命令行创建项目

查看vue-cli4版本

vue –version 查看一下vue-cli的版本。

Vue教程之vue-cli4命令行创建项目

创建项目

vue create hello-world 创建一个名为 hello-world 的vue项目。

手动配置

Vue教程之vue-cli4命令行创建项目

安装需要的插件

Vue教程之vue-cli4命令行创建项目

选择Vue版本

Vue教程之vue-cli4命令行创建项目

选择路由模式

Vue教程之vue-cli4命令行创建项目

选择CSS预处理器

Vue教程之vue-cli4命令行创建项目

选择linter/formatter配置

Vue教程之vue-cli4命令行创建项目

每次保存时 lint 代码

Vue教程之vue-cli4命令行创建项目

创建单独的文件存放,Babel或者ESLint等的配置

Vue教程之vue-cli4命令行创建项目

是否将此项目配置保存为预设以供将来的项目使用,这里选择 “否”

Vue教程之vue-cli4命令行创建项目

出现以下内容则创建成功,执行红框内的命令即可启动新创建的Vue项目

Vue教程之vue-cli4命令行创建项目

启动后,访问以下地址即可

Vue教程之vue-cli4命令行创建项目

我们要如何帮助您?

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注