2021-08-09 vue初始化项目

1. 新建文件夹
2.  - 控制台输入命令vue create 项目名字
3.  - 安装需要用到的组件，eg:cnpm i axios -S
4.  - 新建vue.config.js //添加全局配置文件

const path=require('path');
module.exports={
      lintOnSave:false,   //关闭esList语法检查功能
      devServer:{
            //配置静态资源目录
             contentBase:path.joji(_dirname,"public"),
            //设置开发服务器的端口号
              port:8848,
       },
       //配置Webpack相关
       configureWebpack:{ 
              resolve:{
                      //配置路劲别名
                        alias:{
                                //同时上面引入const path=require('path');
                               ‘@v’:path.resolve(_dirname //当前项目,"src/views")  
                        }
               }
        }
}

最后 npm run server启动项目 

---

vue基本目录文件

• views //视图
• components //vue组件
• router //vue路由
• store //状态
• util //工具目录
• assets //资源目录
• config //配置目录
• plugin //插件目录
• api //数据访问层目录
• mock //没有接口，假数据，假请求