vue/cli2.0 vue/cli3.0 脚手架项目目录

1： Vue/cli2.0 项目目录解析：

node 指令是可以直接执行 js 文件的。
但是在之前js 文件只可以在浏览器端运行。  但是js 文件可不可运行在服务器端。
就是开发node 框架。 把js 文件运行在服务器端,  nodejs 是一种环境。 node本身是由c++ 开发;

1.1: node 是一种开发环境, 其核心就是 v-8 引擎,  v-8 引擎 ==> 谷歌开发的 v-8 引擎。
   chrome 浏览器中的v8 引擎,  js 代码会会生成一个中间的东西叫做字节码,
   java 是生成 .class 文件然后运行在JVM 上边。 引擎相当于jvm 
   chremo 浏览器比其他浏览器运行速度快, 就是因为v8 引擎。

1.2: v8 引擎就是将js 代码转化为二进制代码。 
     能够无惧其他企业直接开源技术, 就已经很牛逼了。 ===> 谷歌

1.3: node.js 是一个基于Chrome V8 引擎的Javascript 运行环境。
  

2： vue/cli3 搭建项目：

1： vue/cli 3.0 与 vue/cli 2.0 脚手架有很大区别：
 
  1.1：vue/cli 3.0 是基于 webpack4 打造的,  vue/cli 2.0是基于webpack 3
  1.2: vue/cli 3.0 脚手架的设计原则是 "0配置", 移除的配置文件根目录下的, build 和 config 等目 
  录。
  1.3: vue-cli 提供了vue ui 命令, 提供了可视化配置,  更加人性化
  1.4: 移除了static 文件夹, 新增了public 文件夹, 并且将index.html 移动到public 文件下边。

2: vue/cli 2.x 版本 ---> (flow-type) (facebook)

   vue/cli 3.x (vue 脚手架3.x 版本) ---> (Typescript) (micro(微小)  soft(软件))

3：使用vue/cli 2.0 创建项目  运行命令:  vue init webpack + 项目名称

   使用vue/cli 3.0 创建项目  运行命令:  vue create + 项目名称

4: 如果使用脚手架2.0 创建项目,  则会提示命令。 
   则会提示 运行: npm install -g @vue/cli-init   (提示拉去2.0 模板)

5: pick: 选择,   preset: 设置(预设置)
  Manually Select features: 手动选择一些特性  (手动选择一些特性)

6: Vcs (version control system)  版本控制系统（git svn）  版本控制系统
7：git init  命令会生成一个本地的git 仓库。
   git add.  命令 （提交命令）
   git commit -m '加上提交信息'
   git push 命令推送到远端

8： vue/cli2 脚手架创建项目多了两个文件(build, config)  
   node-moudles: node 一些包管理工具
   

  vue/cli3.0  脚手架创建项目

 

 选择手动配置选项 

babel：ES5 语法转换为 ES5 语法

Typescript：就是相当于javascript 超集

Router： 安装路由

Vuex： 安装Vuex 

Css pre-processors  ：Css  预处理器

Linter - Formatter:  ESlinter  进行语法校验

unit-Testing： 进行的单元测试

E2E Testing （end to end Testing） 端到端测试

Typescript： 和Java 非常像,  有一些接口,  泛型语法。

(PWA) ： progressive Web App (PWA)  Support ： 支持先进的WebApp （更加先进的App 功能）

空格键是选中与取消的意思。 

然后下一步：

就是打算把config 配置文件单独的放到一个配置文件中，还是放到package.json 文件中。

需不需要把刚才的设置保存为一个文件， y  ==>  选择为yes

想要保存为： 预设名称为 xxxxx

提示选择是使用是 npm 还是使用yarn 命令。

如果已经保存好的项目名称，删除掉： 就是在本地文件中 users ==> admin ==> 有一个 .vuerc 文件

文件命名为rc:  就是在linux 命令， 和终端中配置相同。

rc 文件： run command： 运行终端命令。

Vcs： 命令： version control system (版本控制系统) （git/ svn） (版本控制器)

node-moudles：就是安装node 的一些包。 安装node 一些包就会安装到这里边

vue/cli 3.0脚手架  创建的项目中public 文件 和vue/2.0脚手架  中创建项目static 文件夹相同。

src:  写源代码的地方

.browserslistrc： 配置浏览器相关的配置， 

因为ie8 的市场份额已经小于1%,  所以cli4 （所以脚手架4  就是直接not dead）

就是直接忽略掉。

> 1% : 市场份额大于1%
last 2 versions: 最后两个版本。
not ie <= 8: not: 就是否定:  就是ie 8 以下的版本就不需要做适配了。

.gitnore：（忽略文件） (有些文件不想上传到服务器)   (不想与同事共享就可以忽略掉)

node_modules:  (忽略掉)

/dist 文件夹打包生成以后的文件

.DS_Store:  mac 电脑上生成文件。

babel.config.js ： 就是配置babel 文件的

vue/cli3.0 设计原则就是 "0" 配置

README.md  就是通过markdown 的格式写一些文档。

在main.js 文件中

Vue.config.productionTip = false   //  就是把生产提示信息隐藏掉。

阻止启动生产消息，常用作指令。