vue高仿饿了么学习笔记(一)—— 项目启动

注:此处vue用的是2.0以上版本

一、Vue CLI

项目启动之前,建议先去了解下 Vue CLI

官网:https://cli.vuejs.org/zh/guide/

1) 全局安装 Vue CLI

npm install -g vue-cli

2) 通过 Vue CLI 生成项目

vue init webpack sell

3)进入项目,安装依赖

cd sell
npm install

安装比较慢,趁这个时候,可以去官网了解下Vue CLI

4)启动项目

npm run dev

如果遇到报错,可能是eslint的问题,可以根据报错提示,复制链接查看解决的方案。

比如:括号前的空格默认是不允许的,可以复制 http://eslint.org/docs/rules/space-before-function-paren 查看,然后在 .eslintrc.js 文件的rules对象中设置

配置见下图

等所有的eslint报错都解决了之后,可以看到项目正常启动

打开 localhost:8082,可看到页面如下所示:

原文地址:https://www.cnblogs.com/lwl0812/p/9530137.html