1. 官网

vue官网：https://cn.vuejs.org
nodejs官网： https://nodejs.org/en

最快最有效的入手方法就是先从官网入手。

2. 环境准备及常用命令

• 安装最新版本的nodejs，直接到官网下载安装包安装即可
• 安装cnpm，使用cnpm管理v依赖可以走国内源，加速依赖的安装
• 安装yarn，使用yarn管理vue项目的依赖
• 安装n模块，用n模块管理nodejs版本

安装cnpm：

sudo npm install -g cnpm --registry=https://registry.npmmirror.com/

安装n模块：

# 安装
sudo npm install -g n
# 查看帮助
n -h

安装yarn：

# 安装
sudo npm install -g yarn
# 查看帮助
yarn -h

# 查看yarn当前源
yarn config get registry
# 查看npm当前源
npm config get registry
# 查看cnpm当前源
ncpm config get registry
or
npm get registry

默认源：

# yarn默认源
https://registry.yarnpkg.com
# npm默认源
https://registry.npmjs.org/

yarn设置国内源：

yarn config set registry https://registry.npmmirror.com/ --global
yarn config set disturl https://npmmirror.com/dist --global

npm设置国内源：

npm config set registry https://registry.npmmirror.com/ --global

cnpm设置国内源：

cnpm config set registry https://registry.npmmirror.com/ --global

n常用命令：

# 切换nodejs版本，可以查看所有已安装的node版本，可以根据上下和回车选择要使用的版本
n
# 升级node.js到最新稳定版
sudo n stable
# 升级node.js到最新版
sudo n latest
# n后面也可以跟随版本号,升级到任意版本
sudo n v20.1.0 or sudo n 20.1.0
# 切换使用版本
sudo n 20.1.0
# 删除制定版本
sudo n rm 20.1.0
# 查看帮助
n -h

查看版本常用命令：

# 查看ndoejs版本
node -v
# 查看npm版本
npm -v
# 查看cnpm版本
cnpm -v
# 查看n版本
n -V

3. 创建应用、安装依赖、运行项目

npm init vue@latest

cd <your-project-name>
npm install
npm run dev

or

yarn install
yarn run dev

至此，完成了新手的vue项目创建、安装依赖、运行项目。