Vue脚手架（vue-cli）搭建和目录结构详解（一）

一、环境搭建

　　1、安装node、npm、webpack，不多说

　　2、安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。

二、用vue-cli来构建项目

　　1、在硬盘上找一个文件夹放工程用的。这里有两种方式指定到相关目录：（1）cd 目录路径 （2）如果以安装git的，在相关目录右键选择Git Bash Here

　　2、安装vue脚手架输入：vue init webpack exprice ，注意这里的“exprice” 是项目的名称，可以说是随便起名，但是需要注意的是“不能用中文，且不能用大写字母”。