vue-cli 3.0笔记 -- vue3.0搭建部署

Vue CLI v3.0.0-rc.9

---

一、如何更新旧版vue-cli到最新3.0版

打开cmd，分别执行以下两条命令

npm uninstall -g vue-cli

npm install -g @vue/cli

二、vue-cli 3.0的使用

资料参考：https://www.jianshu.com/p/fbcad30031c2

1、创建项目:vue create

? Please pick a preset: (Use arrow keys)
> default (babel, eslint)//默认设置
  Manually select features//手动设置

2、这里选择手动设置

Vue CLI v3.0.0-rc.9
? Please pick a preset: Manually select features
? Check the features needed for your project:
 (*) Babel
 ( ) TypeScript
 ( ) Progressive Web App (PWA) Support
 (*) Router
 (*) Vuex
>(*) CSS Pre-processors
 (*) Linter / Formatter
 ( ) Unit Testing
 ( ) E2E Testing

babel：一个javascript转译器，将最新版的js语法（es6、es7）转换为现阶段浏览器可以兼容的js代码

typescript：作用有些类似于babel，拥有类型检查能力和面向对象新特征。

PWA：渐进式WEB应用

Router：路由，设置url，使不同的url显示不同的页面

Vuex：作用类似于全局对象，但是并不完全相同。

CSS Pre-processors：css预处理器

Linter / Formatter：代码规范标准

Unit Testing：单元测试

E2E Testing：e2e测试

3、做如上所示选择

? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default):
  SCSS/SASS
  LESS
> Stylus

? Pick a linter / formatter config:
  ESLint with error prevention only
  ESLint + Airbnb config
> ESLint + Standard config
  ESLint + Prettier

选择何时检查代码规范

1、保存的时候

2、fix和commit的时候 

? Pick additional lint features: (Press  to select,  to toggle all,  to invert selection)
>(*) Lint on save
 ( ) Lint and fix on commit

选择将下面的文件保存到哪里

1、独立分放

2、放在package.json 

? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys)
> In dedicated config files
  In package.json

是否将上述配置保存（保存后，下一次将能直接一键配置）

 Save this as a preset for future projects? (y/N)

运行（先cmd切换到项目目录下（之前取名的那个文件夹））

 npm run serve

三、知识扩展--关于版本号上的rc或者beta

以下资料来自百度百科https://zhidao.baidu.com/question/77644377.html

软件的生命周期中一般分4个版本，RC 和 Beta分别是其中2种。如下是4种的解释：

alpha版：内部测试版。α是希腊字母的第一个，表示最早的版本，一般用户不要下载这个版本，这个版本包含很多BUG，功能也不全，主要是给开发人员和 测试人员测试和找BUG用的。

beta版：公开测试版。β是希腊字母的第二个，顾名思义，这个版本比alpha版发布得晚一些，主要是给“部落”用户和忠实用户测试用的，该版本任然存 在很多BUG，但是相对alpha版要稳定一些。这个阶段版本的软件还会不断增加新功能。如果你是发烧友，可以下载这个版本。

rc版：全写：Release Candidate（候选版本），该版本又较beta版更进一步了，该版本功能不再增加，和最终发布版功能一样。这个版本有点像最终发行版之前的一个类似 预览版，这个的发布就标明离最终发行版不远了。作为普通用户，如果你很急着用这个软件的话，也可以下载这个版本。

stable版：稳定版。在开源软件中，都有stable版，这个就是开源软件的最终发行版，用户可以放心大胆的用了。