vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发就OK。
一.安装vue-cli
1、 使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入:npm install webpack -g或者(npm install -g webpack),安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。
注意:webpack 4.X 开始,需要安装 webpack-cli 依赖 ,所以使用这条命令 npm install webpack webpack-cli -g
2、 全局安装vue-cli,在cmd中输入命令:npm install --global vue-cli
3、安装完成之后输入 vue -V(注意这里是大写的“V”),如下图,如果出现相应的版本号,则说明安装成功。
二、用vue-cli来构建项目
1、我首先在G盘新建一个文件夹(项目)作为项目存放地,然后使用命令行cd进入到项目目录输入:vue init webpack test
test是自定义的项目名称,命令执行之后,会在当前目录生成一个以该名称命名的项目文件夹。