一、Nodejs安装
- 下载安装包，官网下载链接如下：
Nodejs官网
https://nodejs.org/en/
- 安装程序包
下载完成后，双击安装包，开始安装Node.js，点击【Next】按钮，直至安装完成即可；
3.验证是否完成
按【win+R】键，输入cmd，打开cmd窗口 ，输入以下两个命令均可正常显示版本号即表示安装成功：
node -v
npm -v
- 修改npm 镜像
由于服务器在国外，所以下载速度比较慢，我们可以用国内的镜像
阿里镜像地址
https://npmmirror.com
按【win+R】键，输入cmd，打开cmd窗口，在命令行运行如下命令即可：
npm install -g cnpm -
registry=https://registry.npmmirror.com
看到如下信息，代表安装成功
二、Vue安装
- 安装Vue工具 Vue CLI
Vue CLI 是Vue.js 开发的标准工具，Vue CLI 是一个基于Vue.js 开发的完整系统。
按【win+R】键，输入cmd，打开cmd窗口，输入以下命令即可：
npm install -g @vue/cli
看到如下信息，代表安装成功
2. 验证 Vue CLI工具是否安装成功
vue --version
- 创建vue空项目
- 本地创建一个新文件夹
- 打开VScode软件，点击open folder，选中以上新建文件夹打开；
- 打开vscode的终端
鼠标选中文件夹‘VUETEST’，按 “ctrl + ~” 快捷键打开终端，如下图
- 创建一个vue项目，在终端中执行以下语句
vue create vue-demo
- 可以选择默认项目模板，或者选“手动选择特性”来选取需要的特
性。
- 选择Babel 和Progressive Web App (PWA) Support 两个选项即可
- Vue目前有两个主流大版本vue2和vue3，我们本套课程选择vue3最新版本
- 配置放在哪里? In dedicated config files 专用配置文件或者 In package.json在
package.json文件
- 将其保存为未来项目的预置? y代表保存，并添加名字，n不保存
- 选择本地电脑已安装的包管理工具
- 等待项目创建
- 创建成功
三、Vue项目运行
- 第一步：进入项目根目录
cd vue-demo
- 第二步：运行
npm run serve启动项目
- 第三步：测试项目是否运行成功，打开浏览器输入http://localhost:8080/，出现以下界面说明运行成功
- vue项目创建时，出现以下报错可参考链接如下
vscode创建vue项目报错（Error: command failed: npm install --loglevel error --legacy-peer-deps）
新建vue项目报错（vue : 无法加载文件 vue.ps1，因为在此系统上禁止运行脚本）
