VUECLI的安装升级与创建

关于文档中命令行中的yarn和npm的区别可参考文档&＃xff1a;【yarn 和 npm 的区别】 以及 【yarn的安装及使用】: https://blog.csdn.net/hannah2233/article/details/121713194

更详细的东西可以翻阅官网 VUE CLI

一、Vue CLI 的安装与升级

Vue CLI 4.x 需要 node.js v8.9 以上的版本

1、 全局安装包

• 安装命令

npm install -g &＃64;vue/cli
# OR
yarn global add &＃64;vue/cli


• 检测安装是否成功与版本命令&＃xff1a;

vue --version


2、 全局升级Vue CLI包

npm update -g &＃64;vue/cli
# or
yarn global upgrade --latest &＃64;vue/cli


3、图片展示

二、创建一个新项目

1. vue create

• 使用该命令创建新项目&＃xff1a;vue create [project]

2. 项目配置【命令行】

• Please pick a preset:
  
• Check the features needed for your project:

  ts: Javascript的一个超集&＃xff08;添加了可选的静态类型和基于类的面向对象编程&＃xff1a;类型批注和编译时类型检查、类、接口、模块、lambda 函数&＃xff09;

• Use history mode for router? (Requires proper server setup for index fallback in production)

  • Yes

  在生产过程中用于版本回退

• Pick a CSS pre-processor 【选择一个预处理器】

• Where do you prefer placing config for Babel, ESLint, etc.?
  

• Save this as a preset for future projects? (y/N) 将此保存为将来项目的预设&＃xff1f;

2. 项目配置【图形化】

vue ui: 以图形化界面创建和管理项目

三、在现有项目中安装插件

• 在已经创建好的项目中安装插件&＃xff1a;

vue add 插件


四、 配置参考