Vue Cli脚手架的使用

1. 全局安装Vue Cli

DOS命令窗口执行：

cnpm i -g @vue/cli

查看版本：

vue -V

 2. VSCode中新建文件目录并创建项目

mkdir mySite

cd mySite进入mySite目录下执行：

vue init webpack 01

得到提示：

  Command vue init requires a global addon to be installed.
  Please run npm i -g @vue/cli-init and try again.

即官方拉取2.x模板：

按照提示执行：

npm i -g @vue/cli-init

再次执行：

vue init webpack 01

安装中： 

 安装成功，根据提示进入目录并执行：

cd 01
npm run dev

编译成功提示：

在浏览器中打开：http://localhost:8080，预览到创建好的项目：

 3. 项目01目录结构如下：