创建vue-cli项目

• vue init webpack projectName
  不允许输入大写字母

创建cli过程中的部分配置内容

• Install vue-router
  是否安装vue-router
  官方路由,大多数都使用
  直接回车

• Use ESLint to lint your code
  是否使用ESLint管理代码
  统一代码风格

  
  
  

  md 新建文件
  cd 切换文件位置
  初始化文件
  vue init webpack test1
  test1 : 文件夹名字

创建工程名字..直接回车,不做处理.没有大写字母

项目描述
默认
作者
运行编译是否同步运行

image.png

安装出错

重新再项目里安装环境
cnpm install -gd vue-cli

案例..将vue-cli的首页改为自定义的helloworld

启动服务--找到工程所在地.项目名

等待启动

成功进入http://localhost:8080/#/

切换sublime

打开文件,选择文件夹

components组件
helloworld.vue组件
router
index.js路由的控制

在components文件下新建文件

first.vue

在router文件下index.js

index.js
location