进入vue一段时间后的絮絮叨叨，学的不完善，只写了自己平时常用的步骤
要想搭建一个vue-cli环境，得完成这几步：
1. 如果是第一次执行vue-cli，那么要全局安装@vue-cli
npm install -g @vue-cli //-g:global
2.切换到你要创建项目的地方/目录，然后使用以下命令就可以创建一个项目了,选择要用的版本，我还在刚开始，所以都是vue2版本
vue create +你对项目的命名
3.创建好后就会给你配置一个文件夹，然后直接启动服务。根据提示，你要进入该文件夹，然后再执行npm run serve ,然后就可以打开了，下面有两个网址，ctrl+鼠标单击即可打开页面
npm run serve
建议配置npm淘宝镜像，跑的更流畅https://registry .npm.taobao.org
npm config set registry https://registry .npm.taobao.org
然后就可以使用项目了
项目里面这些东西用途都不一样
vue项目目录组成：
1）.node_modules文件夹： 放项目依赖(比如babel把一些ES6语法翻译成ES5语法，使其兼容性更好,以及vue框架等)
2）.public文件夹： 由于Vue是开发SPA，一般放置一些静态资源(图片)，这里需要注意的是放在public文件夹中的静态资源，webpack进行打包的时候，会原封不动打包到dist文件夹中，而不会当作一个模块打包到js里面
3）.src文件夹(程序员源代码文件夹)：所要开发的组件、代码等都放在里面
-assets文件夹：一般也是放置静态资源(一般放置多个组件共用的静态资源)，需要注意，放置在assets文件夹里面的资源，在webpack打包的时候，webpack会把静态资源当作一个模块，打包到js文件里面
components文件夹：一般放置非路由组件，或者是常用的全局组件
APP.vue：项目中唯一的根组件，包含三部分template-html结构的部分，script-js结构部分，style-css样式部分
main.js:程序入口文件，也是整个程序中最先执行的文件
4）.gitignore-git忽略文件，一般不触碰
5）.babel.config.js文件：配置文件(babel相关)-如把RS6语法翻译成ES5语法，兼容性更好
6）.package.json文件：记录项目信息，比如项目名称、项目版本、项目运行方式、项目依赖。
7).package-lock.json文件：缓存性的文件，曾经的依赖从哪里下载的都会记载下来
8）.README.md文件：说明性的文件，比如项目怎么安装、怎么运行、怎么打包
项目的其他配置
1.项目运行起来的时候让浏览器自动打开 从浏览器终端cd 项目名 找到package.json 在里面配置--open
"scripts": {
"serve": "vue-cli-service serve --open",//写上--open即可
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
然后运行npm run serve,就可以自动打开页面.
不过在这里我一般是cd直接进入文件夹后，npm run serve，出现地址，crtl+鼠标单击即可进入
