1.创建项目：

vue create projectName

这里创建vue2项目。

初始的项目中含有以下文件，解释说明：

 2.进行一些相关配置

1）项目运行，浏览器自动打开 --open

2) eslint校验功能关闭

在根目录下创建vue.config.js文件

在文件中写入：

module.exports={
    //关闭eslint
    lintOnSave:false
}

3）给src文件夹配置别名@，方便找文件，并且输入@会有提示

node_modules和dist文件夹不能用@

创建jsconfig.json，写入如下内容：

{
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "@/*":["src/*" ]
        }
    },
    "exclude" :["node_modules","dist"]
}

3.项目路由分析

非路由组件：header【路由组件都有】、footer【仅Home,Search有】

路由组件：Home(首页)、Search(查询)、Login(登录)、register(注册)