Vue搭建脚手架(vue-cli)
什么是vue-cli?
- vue-cli是vue提供的一个快速(自动化)构建项目的一个脚手架,可用于快速搭建大型单页应用。
- 该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。
vue-cli安装
使用yarn或cnpm安装(当然npm也可以)
- cli3的版本:
$ yarn add @vue/cli global
$ cnpm i @vue/cli -g
- 如果我们还想使用cli2的脚手架,那么我们可以在安装一个包
$ yarn add @vue/cli-init global
$ cnpm i @vue/cli-init -g
- 可以用命令
$ vue
验证是否安装成功
创建项目
- 使用命令
$ vue create myapp
创建项目,myapp是项目名称。 - 根据提示安装想要的配置和依赖
- 安装完成后会出现myapp目录
运行
myapp目录下打开终端输入命令 $ npm run serve
并打开 http://localhost:8080
可以看到如下主界面就表示成功了