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 <project-name>

? 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 <space> to select, <a> to toggle all, <i> 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版,这个就是开源软件的最终发行版,用户可以放心大胆的用了。

Logo

前往低代码交流专区

更多推荐