SpringBoot+vue入门
SpringBoot+Vue项目实战
一:vue开发
步骤一:安装node.js
Node.js 官方网站下载:https://nodejs.org/en/
2.选择操作系统对应的包
下载完成,安装包如下:
傻瓜式安装,直接下一步即可
安装成功,文件夹结构如下,并在上面安装过程中已自动配置了环境变量和安装好了npm包,此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号:
3.配置npm在安装全局模块时的路径和缓存cache的路径
因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:Users用户名AppDataRoaming路径下的npm和npm_cache中,不方便管理且占用C盘空间,如下图所示:
所以这里配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global和node_cache,然后在cmd命令下执行如下两个命令:
npm config set prefix “D: ode ode_cache”
npm config set cache “D: ode ode_cache”
(prefix和cache后跟的是你node_global和node_cache这两个新建的目录,)
执行成功。然后在环境变量 -> 系统变量中新建一个变量名为 “NODE_PATH”, 值为“D: ode ode_modules”,如图
最后编辑用户变量里的Path,将相应npm的路径改为:D: ode ode_global,同样如下图:
以上vue的运行环境就建好了,下面开始创建vue项目