vue- vue-cli工具初始化项目

早期版本创建的vue项目，其结构与现在已经不太相同

创建一个vue的项目，首先需要安装vue项目的脚手架,用于创建具有一定目录结构的vue项目

安装vue脚手架 vue-cli

npm install -g vue-cli

检查脚手架是否安装成功

vue -V
若控制台打印版本号则说明安装成功

初始化vue项目

vue init webpack test-vue

根据提示输入对应选项，例如

? Project name test-vue
? Project description A Vue.js project
? Author ff
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm

根据提示输入选项，一般是需要对路由选项选择yes
最终生成项目