前提:全局安装webpack 全局安装vue-cli
安装webpack 我一般是用cnpm
cnpm install webpack -g或者(cnpm install -g webpack)
安装完成之后输入 webpack -v 出现版本号,成功
安装vue-cli 我一般是用cnpm
安装完成之后输入 vue -V V是大写 出现版本号,成功
vue init webpack :
vue -cli2.x 版本的初始化方式,启动方式默认为 npm run dev ,webpack 为官方推荐模板
在终端输入如下命令(项目名称不能是中文也不能用大写字母),命令执行之后,会在当前目录生成一个以该名称命名的项目文件夹。
选择配置项 回车
等待安装 出现如图所示,安装成功
进入项目目录 cd 项目名称
运行项目
项目文件结构