vue饿了么学习笔记(1)vue-cli开启项目

时间:2022-12-28 11:57:44

一、vue-cli介绍

vue-cli是vue的脚手架工具 ---->  帮助写好vue.js基础代码的工具:

  ① 搭建目录结构

  ② 进行本地调试

  ③ 进行代码部署

  ④ 热加载

  ⑤ 进行单元测试

二、vue-cli使用

  1、vue-cli是一个node包,其安装语句如下:

$ cnpm install -g vue-cli

  2、vue-cli的使用方法

$ vue init <template-name> <project-name>  // 例:vue init webpack my-project

  暂未实现:自定义模板

三、饿了么项目开始

  1、安装模板

// 先安装vue-cli
$ cnpm install -g vue-cli   
// 再安装项目模板
$ vue init webpack sell
// 切换目录
$ cd sell
// 安装依赖
$ cnpm install
// 运行项目
$ npm run dev