VUE 起步 vue-cli 3

周大胖子

先说一下我的教程：我选的是大地老师的教程，这位老师讲的干货很干，但是同样，学完他的基础基本就了解个大概，每次我都是参考官网，和他的教程视频双向进行的。 这次VUE项目 大地讲的时候 我估摸着在18年1月  当时的 vue -cli 应该才是2 现在是3了，索性就按照3的来。所以按照官网的起步：

前提安装：安装 node/npm/vue-cli

1. npm install -g @vue/cli   

复制代码

【检查安装是否成功：输入命令 vue --version  检查vue-cli 版本】

创建一个项目【不同于angular】 他是默认安装依赖 ， 不需要在 cd进项目后npm install

1. vue create hello-world

复制代码

【如果在创建项目 安装依赖时候失败就cd 进项目里 用cnpm 安装】
(这里有个手动选择 是通过 方向键 来进行操作的)

第二种创建项目的方式：使用GUI

1. vue ui

复制代码

这是使用图形界面来创建项目，操作简单，此处省略。

启动项目 cd进项目
npm run server 默认端口 8081


然后来谈一谈视频中的创建方法  大地老师用的是 vue-cli2 创建方法为

1. vue init webpack my-project

复制代码

大地老师一再强调 要禁用一个语法检测配置 ESlint 这个 连空格都不放过 都要报错的语法检索配置