Vue-cli 脚手架项目搭建步骤

1. 全局安装Vue-cli，npm install —global vue-cli  

      (* Mac下前面要加sudo，获取管理员权限，wins下不需要。搭建vue-cli的目的是下面要用到vue 指令)

      用 vue --version  或者 vue  -V 检测是否安装成功

2.vue init webpack my-project(自己的项目名)

    （创建一个基于webpack模板的项目）

? Project name        //你项目的名字   项目名称不能大写，否则会报错
? Project description   //项目描述
? Author    //作者
? Install vue-router? Y/n    //是否安装vue-router  页面路由 （一般都会用到 yes）
? Use ESLint to lint your code? y/n      // 是否使用 ESLint 到你的代码？ （保证写出语法正确、风格统一的代码 ）
? Set up unit tests   //设置单元测试
? Setup e2e tests with Nightwatch?   //设置端到端测试，Nightwatch？
? Should we run `npm install` for you after the project has been created? (recom
mended) npm

   vue-cli · Generated "my-project".

# Installing project dependencies ...
# ========================

................

To get started:

  cd my-project
  npm run dev

根据自己项目情况设定

3.cd my-project    （切入项目文件）

4.npm run dev    （运行）

项目目录：

浏览器：访问http://localhost:8080/#/