1-Vue - 脚手架配置

目录

• before
• for windows
  • install node.js
  • install npm
• for Mac

• 返回前端目录

before

vue-cli，通常也叫做脚手架，它可以帮助我们把单文件组件编译成普通的JavaScript代码。

而vue-cli通常是运行在node.js环境中，所以，我们需要：

• 配置node.js，vue-cli需要 Node.js 8.9 或更高版本 (推荐 8.11.0+，更推荐v10以上)，具体安装参考：各平台配置node.js环境，你也可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本。

• 使用node.js自带的npm包管理工具下载vue-cli

for windows

win10

在Windows上配置vue的脚手架，主要就是node.js、npm、vue这三块了。

install node.js

具体安装参考：各平台配置node.js环境

install npm

安装上node之后，自带了npm包管理工具，类似于Python中的pip。

相关的命令：

npm --version                   # 查看npm的版本
npm install npm@latest -g       # 更新npm到最新版
npm install -g 包名              # 安装模块   -g表示全局安装，如果没有-g，则表示在当前项目安装
npm list                        # 查看当前目录下已安装的node包
npm view 包名 engines            # 查看包所依赖的Node的版本 
npm outdated                    # 检查包是否已经过时，命令会列出所有已过时的包
npm update 包名                  # 更新node包
npm uninstall 包名               # 卸载node包
npm 命令 -h                      # 查看指定命令的帮助文档
npm config set registry https://registry.npm.taobao.org  # npm淘宝源，以后基于npm安装包就会快了（相当于豆瓣的pip源）

来安装vue：

# 安装（最新版）
npm install -g @vue/cli

# 安装（指定版本）
npm install -g @vue/cli@4.5.14

# 卸载
npm uninstall -g @vue/cli



# 我的示例
C:\Users\zhangkai>npm --version
8.7.0

C:\Users\zhangkai>npm install -g @vue/cli@4.5.14
......太长，省略.....

C:\Users\zhangkai>vue --version
@vue/cli 4.5.14

for Mac