vue-cli是一个vue.js官方发布的脚手架,可以快速搭建一个vue项目。基于webpack但是不需要配置琐碎的配置项,一路yes!yes!yes!就可以清爽搭建一个应用。
搭建前准备
一、(1)下载node.js,vue-cli所使用的npm包管理器是在node.js基础上开发的,安装node.js后打开终端查看。
(2)IDE,前端开发环境推荐Visual Studio Code,你会喜欢它的。
二、开始搭建
(1)打开ide,在终端输入npm install -g vue-cli,全局安装vue脚手架
(2)vue-cli安装完成后,初始化vue项目,终端输入命令vue init webpack
下面的一串配置,如果你不知道什么意思,一直yes回车就可以。
(3)安装依赖,后端的同学可以理解为pom包管理。完成后的项目目录如下。
控制台输入npm i,安装依赖
(4)启动项目
搭建成功后会告诉你启动dev的命令,控制台输入 npm run dev (这里的命令在package.json中配置)