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(注册)