vue小项目

vue项目

基于Vue-CLI3

创建

• 创建文件夹
• vue create ‘project name’(Vue-CLI3)
• 创建 GitHub 仓库

与git远程库连接

git init
git add .
git commit -m '初始化项目'
git remote add origin https://github.com/./
git push -u origin master

构造目录

​ 在新项目中，先构造目录是 一个很好的习惯

• assets用于存放静态资源，如css, img等
• components的根目录一般存放公用组件，子目录存放区分更细致的组件

src的结构

• assets
  • css
    • normalize.css(大佬写的通用css，用于处理各浏览器规范 [见github])
    • base.css(自己写的项目css规范)
  • img
• common
• components
• network
• router
• store
• views

配置文件夹别名

//vue.config.js
module.exports = {
    configureWebpack: {
        resolve: {
            alias: {
                'assets': '@/assets',
                'common': '@/common',
                'components': '@/components',
                'network': '@/network',
                'views': '@/views'
            }
        }
    }
}

撰写.editorconfig

.editorconfig 用于统一代码风格

p152

Donate