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 |
|
2.安装Vue脚手架
1 |
|
1 |
|
这里的“-g”是全局安装,其目的是为了构建vue项目
3.构建项目
假设我们要开发一个“后台管理”的项目,项目名称是“admin”
在CMD中运行命令:
1 |
|
其中 语法为 : vue init webpack + 项目名
然后,一路回车:
这里,我没有开启ESLint,单元测试也暂不启用。
出现提示运行命令,就说明已经构建成功了。
npm install命令是:安装所需要的依赖;
npm run dev命令是:以开发模式启动项目;
npm run build命令是:以生产模式生成静态页面文件。
然后,进入文件夹,安装依赖:
1 2 |
|
最后运行
npm run dev 命令来启动项目
这时,提示打开浏览器,访问http://localhost:8080
ok,出现大大的“V”字就说明项目已经构建完毕了。
本文作者参考以下博客写出,感谢各位大神帮助,结合自己实际操作,作为记录
作者:刘冬.NET 博客地址:http://www.cnblogs.com/GoodHelper/