学习简单的vue项目搭建

环境：node、npm、vue、element-ui、axios

一.在node官网下载安装包进行安装

二.安装vue，在终端下执行

 mkdir project  //创建project文件夹，在该文件下面进行项目搭建
 cd project
 sudo npm install vue-cli -g //安装vue脚手架
 sudo vue init webpack projectName // vue框架初始化
 sudo npm install vue-router   //安装路由
 sudo npm install axios   //安装axios   使用ajax
 sudo npm install element-ui  // 安装element
 npm run dev   // 运行项目

三.创建目录结构 项目的目录结构.png

build   //目录用于存放构建项目的参数（npm run build），目录等
config   //用于放置项目的配置文件等
dist   //放置构建之后的静态文件
node_modules  // 放第三方的包
src   // 资源
    api   //放置接口，统一管理接口资源
    assets  // 静态资源，图片等
    components  // 组件
    icons     // 图标
    router  // 路由
    store    // 用于放置vuex的状态管理文件。比较重要
    styles  // 样式文件
    utils   // 工具
    views // 视图
    apps.vue   // 入口vue
    main.js   // 入口文件
    permission.js  // 权限js
staitc   // 静态文件