Spring Boot+Vue从零开始搭建系统（一）：项目前端_Vuejs环境搭建

安装node.js

1. 进入Node.js官网：https://nodejs.org/en/，选择下载并安装Node.js。

2.验证Node.js是否安装好，在windows下，win+r召唤出运行窗口，输入cmd打开命令行窗口。输入node -v即可得到对应的Node.js版本。

npm包管理器是集成在Node.js中了，所以在安装Node.js的时候就已经自带了npm，输入npm -v可得到npm的版本。

输入以下命令npm -g install npm，更新npm至最新版本。

NPM使用国内镜像

1. 命令

npm config set registry https://registry.npm.taobao.org

2. 验证命令

npm config get registry
如果返回https://registry.npm.taobao.org，说明镜像配置成功。
安装全局vue-cli脚手架，用于帮助搭建所需的模板框架。输入命令：npm install -g vue-cli回车等待完成。

创建项目

vue init webpack vuedemo

安装项目需要的依赖包

npm install
cnpm install

启动项目

npm run dev
http://localhost:8080

安装已有项目

cd <项目名称>
npm install // 安装项目依赖，等待安装完成之后 (cnpm install)
npm run dev // 开启服务器，浏览器访问 http://localhost:8080
npm run build // 执行构建命令，生成的dist文件夹放在服务器下即可访问