Vue项目搭建步骤

项目需要

查看电脑是否安装过CLI工具以及版本，如果安装了2点几之前的版本，需要先卸载后重新安装

1）、vue --version：查看版本

2)、npm install -g @vue/cli：全局安装CLI工具

3)、npm run serve：项目根目录启动项目

创建项目

1)、创建项目：vue create 项目名

2)、选择安装模式

 3)、选择需要安装的插件

4)、 选择路由模式；这里选择n，要看项目需求决定

 5)、选择css预处理器

6)、选择插件配置文件的位置 

7)、是否保存供以后使用；在开发中可以选择n

 

 按需引入

1）、使用axios

安装：npm i axios --save

引入：import axios from "axios"

2）、使用ElementUI

引入：vue add  element

2.1、选择引入方式；上面是完整引入，下面是按需引入，按需引入性能更好点

 2.2、是否生成scss文件；可以选择y也可以选择n

 2.3、选择地址

项目目录结构及意义

dist：生成打包后文
node_modules：安装的依赖包
.browserslistrc：设置浏览器的兼容
.gitignoregit：文件忽略清单
babel.config.js：babel配置，ES6=>ES5
package.json：包管理文件
package-lock.json：版本锁定文件
README.md：说明文档
public：存储公共资源

src：存储需求代码--

        assets：放置静态资源
        components：放置组件
        http：放置与网络请求相关的文件
        mixins：放置混入的文件
        router：放置路由配置文件
        store：放置Vuex(状态机)
        pages：放置主要页面
        App.vue：入口组件
        main.js：全局入口js文件