新手学习向---简单利用vuecli3.0 构建vue项目

一.何为Vue-cli？

1.vue-cli 是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板， 属于vue学习中不可或缺的部分。

二.vue-cli 安装
1.打开你的控制台输入：
npm install -g @vue/cil (一次安装）
vue --verson (查看版本) **

二.基础的项目构建
1.在想要创建的位置打开你的控制台输入：vue creat xx(项目名)，
提示有新版本，不去理会，第一个common是我过去创建项目后保存的配置记录， 新安装者只会有后两个选项，default默认配置，以及最后一个纯手动配置 ，在这里我们选择最后一项（上下键选择）

2.基本的配置（上下键选择，空格键确认)

3.选择Sass，这里注意一点，最好选择dart sass，因为node sass有可能不好下载 4.选择通用标准配置 ESLint + Standard config**

5.两个选项，第一个选项是保存的时候检查错误，第二个选项是自动帮你修复一些基本的格式错误，所以都选上

6.选好的配置信息放在独立的文件里面还是 package.json 里，选第一个 In dedicated config files

7.是否把默认配置保存下来，下次创建项目时可以直接按这个配置创建，选yes，给默认配置起名，或选no

8.点击回车创建，得到一个项目


9.你可以在编辑器中打开这个项目，在终端输入npm run serve启动这个项目，然后再浏览器输入localhost:8080


三.vue-cil项目目录结构及作用基本介绍

node_modules ： npm下载包都在这个文件夹
public：
index.html ： 作为入口模板,最后打包文件所在地，也是main,js 绑定的 dom
src ： 整个工程文件目录

src文件夹下：
assets ： 静态资源管理负责管理图片文字一类的
components ： 存放组件文件夹
route ：路由相关
store：Vuex状态管理文件夹
App.vue ： 根组件
main.js ： 项目入口，文件打包会找这个文件，并且将这个文件的内容打 包

package.json 项目描述文件

一个很简单的项目创建及介绍，希望大家在这次疫情期间都能平安无事,也能不断的逆战学习,向着自己的目标前进.