从零开始创建一个vue项目

1.创建一个项目

vue create project

2.划分项目目录结构

views：主要的页面，内部根据不同模块创建不同的文件夹

components:公共的组件

assets:静态资源（图片/lang）

styles:样式文件

router:路由相关

store:状态管理相关

network/api:网络请求相关

common/helper:存放一些公共的js文件，用来定义常量，工具类

3.导入css文件

扫描二维码关注公众号，回复： 14695756 查看本文章

normalize.css:对HTML元素样式上提供了跨浏览器的高度一致性

GitHub - necolas/normalize.css: A modern alternative to CSS resetshttps://github.com/necolas/normalize.cssbase.css：业务相关的基础样式

三.相关配置（设置别名，代码风格统一）

1.创建vue.comfig.js文件 设置别名

内部已经配置过 @->src

在html中使用别名需要把@符号换成~还是在别名前面加上~？？？

module.exports = {
  configureWebpack:{
    resolve:{
      alias:{
        assets:'@assets',
        common:'@common',
        components:'@components',
        network:'@network',
        view:'@view'
      }
    }
  }
}

2.editorconfig 文件对代码风格进行设置

cli2创建的项目有这个文件，cli3创建的项目没有这个文件，建议加上这个文件