spring boot + vue + element-ui开发入门——windows配置环境

一、node.js开发环境

---

 

windows系统，去网站https://nodejs.org/en/download/，下载对应的安装程序，并安装Windows Installer (.msi)

接下来，开始配置环境变量。

 

我这里，node.js安装在“F:\nodejs”目录下，这根据你的具体安装路径而设置。

 

2.配置“NODE_PATH”为：F:\nodejs

这关系到使用npm的命令，如果配置错了，安装的node依赖的目录就不正确。

 

3.配置Path，追加 ;%NODE_PATH%\; 这项

4.检测环境

在CMD中输入 node -v 和 npm -v

如果出现版本号，则说明安装成功

 

配置成功后，运行 node -v 、npm -v成功。

注意:

生效的应该是node.exe和各个.cmd文件，如果cmd文件不在nodejs文件夹下，那就翻一下其他文件夹找到这些.cmd文件所在，配置到NODE_PATH里面去。

 

解决nodejs环境变量配置在网上翻了好些文章，有些让配置xx:/xxx/nodejs/node_modules，但对于我实际的情况来讲这样的配置路径是不对的，所以大家在配置的时候，留意一下node.exe和.cmd文件都在哪个路径下，配置对应的路径。

 

 

二、Vue环境

---

 

1.安装cnpm淘宝镜像

参照https://npm.taobao.org/

在CMD中运行

1	npm install -g cnpm --registry=https://registry.npm.taobao.org

　　

2.安装Vue脚手架

1	cnpm install -g webpack

1	cnpm install -g vue-cli

　　

这里的“-g”是全局安装，其目的是为了构建vue项目

 

3.构建项目

假设我们要开发一个“后台管理”的项目，项目名称是“admin”

在CMD中运行命令：

1	vue init webpack admin

 

其中 语法为 ： vue init webpack + 项目名

 

然后，一路回车：

 

 

这里，我没有开启ESLint，单元测试也暂不启用。

 

出现提示运行命令，就说明已经构建成功了。

npm install命令是：安装所需要的依赖；

npm run dev命令是：以开发模式启动项目；

npm run build命令是：以生产模式生成静态页面文件。

 

然后，进入文件夹，安装依赖：

1 2	cd admin cnpm install

　　

最后运行

npm run dev 命令来启动项目

 

这时，提示打开浏览器，访问http://localhost:8080

 

ok，出现大大的“V”字就说明项目已经构建完毕了。

本文作者参考以下博客写出，感谢各位大神帮助，结合自己实际操作，作为记录

作者：刘冬.NET 博客地址：http://www.cnblogs.com/GoodHelper/ 

https://blog.csdn.net/kingjulien2/article/details/73302903