1.创建一个项目
vue create project
2.划分项目目录结构
views:主要的页面,内部根据不同模块创建不同的文件夹
components:公共的组件
assets:静态资源(图片/lang)
styles:样式文件
router:路由相关
store:状态管理相关
network/api:网络请求相关
common/helper:存放一些公共的js文件,用来定义常量,工具类
3.导入css文件
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创建的项目没有这个文件,建议加上这个文件