vue-cli 3.0.1 详细入门教程

vue-cli 3.0.1 详细入门教程

请事先装好nodeJs

一、安装vue-cli npm install -g @vue/cli # or yarn global add @vue/cli

1

2

3

查看版本（是否安装成功）：vue -V(大写的V)

二、创建项目 vue create my-project

1

如果是第一次安装vue-cli 3.0，是没有前面两项的，只有default和Manually；

按键盘上下键选择默认（default）还是手动（Manually）；

如果选择default，一路回车执行下去就行了（注：现在vue-cli3.0默认使用yarn下载）；

这里我选择手动；

三、选择配置

选择自己所要集成的配置（格键是选中与取消，A键是全选，回车确定）
这里我的选择如下

四、是否使用history路由模式，这里我选择 Y

五、选择css预处理器，这里我选择 Stylus

六、选择eslint 配置，这里我选择 ESLint + Standard config

七、选择什么时候执行eslint校验，这里我选择 Lint on save

八、选择配置文件存放的位置，这里我选择 In dedicated config files

九、是否保存之前的配置项，如果是则需要输入保存名，如第二步所看到的我保存的名字为xia和vue3-demo，这里我选择 N

十、回车确定后，等待下载依赖模块

十一、装好后，进入目录，启动

cd my-project // 进入项目根目录 yarn serve // 启动项目

1

2

十二、项目目录，现在的目录是3.0的cli看上去简洁多了，去掉了2.0 build和config等目录

十三、项目配置