创建管理系统1

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第27天，点击查看活动详情

本项目是vue2版本的项目

项目搭建,在node环境下使用vue-cli 初始化项目

vue create vue-d

选择默认的vue2版本，自动安装 目录分析 node_modules文件夹，项目依赖文件夹 public文件夹，一般放置一些静态资源，需要注意，放在publiic文件夹的静态资源，webpack进行打包的时候，会原封不动的复制到dist文件夹中

src文件夹，是程序源代码文件夹，开发时代码几乎都会写在这个文件夹里。除了一些静态资源

assets文件夹：一般也是放置静态资源（一般放置多个组件都共用的静态资源）需要注意的是，放置在assets文件中的静态资源，在webpack打包的时候，webpack会把静态资源当成一个模块，打包到js文件夹里

componsets文件夹：一般防止的是非路由组件（一般是非页面组件或者全局组件） App.vue 是整个项目的唯一根组件，vue当中的组件包含template模版，写ui,scripte脚本，写逻辑,css写样式

<template>
  <div id="app">
    xx
  </div>
</template>

<script>

export default {
  name: 'App',
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
}
</style>

main.js :程序入口文件，也是整个程序最先执行的文件，

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

.gitignore 文件 ，一般是git忽略目录配置，就是这个里面配置的目录，最终都不会被推送到git仓库。常见的node_modules，和打包产物/dist目录，npm 和 yarn的错误日志，等等

.DS_Store
node_modules
/dist


# local env files
.env.local
.env.*.local

# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

babel.config.js ：配置文件，babel相关的配置，可以把es6语法转换成es3语法，兼容性更好。 package.json文件: 项目配置文件，因为有它谁都可以根据他下载node_module