node.js、vuecli安装与构建项目

一、node.js安装

推荐菜鸟教程，包含了windows与llinux的安装教程。

注意：步骤5选择npm package manage

Node.js 安装配置 | 菜鸟教程

二、vuecli安装教程

安装窗口可以用windows的cmd命令窗口，也可以用idea的Terminal窗口，本文示例使用的是Terminal窗口

1.查看当前镜像

命令：npm get registry

 2.配置淘宝镜像

命令：npm config set registry https://registry.npm.taobao.org/

3.安装vuecli

命令：npm install  @vue/cli -g

亲测配置镜像会大大提高vuecli的安装速度，仅用时23秒，建议配置！！！

4.验证vuecli是否安装成功

命令：vue --version

5.vue构建项目

命令：vue create web

注释：npm create 项目名称

步骤1：按空格键选择，按enter键下一步

 步骤2：使用vue3

 步骤3：

 步骤4：安装完成

 安装完成后，项目下会增加一个web文件夹

 6.运行vuecli项目

启动方法1

第一步：切换目录

cd web

  第二步：运行项目

npm run serve

 第三步：访问项目

启动成功后会打印出项目的url

 启动方法2

1.右键项目下的package.json,选择show npm scripts

2.在弹出的窗口双击serve