目的:处理springboot+vue项目 搭建vue 环境
问题:开发工具,下载包
解决:开发工具使用webStorm ,下载node.js 并安装 安装git
安装步骤:1. 下载node.j安装 通过node -v检查
2 .配置全局安装路径和缓存(在D:\Nodejs目录下创建了node_cache和node_global文件夹)-自己随便建文件位置
3.输入命令:
npm config set prefix "D:\Nodejs\node_global"
npm config set cache "D:\Nodejs\node_cache"
4.配置环境变量
5.下载安装Vue相关的全局配置
5.1 安装cnpm
我们来安装一下cnpm
主要是为了cnpm 替代 npm
访问外网比较慢,我们使用淘宝的镜像 https://npm.taobao.org/
打开命令终端 npm install -g cnpm --registry=https://registry.npm.taobao.org
5.2 我们现在用cnpm 安装vue-cli
输入命令 cnpm install -g vue-cli
5.3安装webpack
输入命令 cnpm install -g webpack
如果提示安装webpack-cli
在输入命令cnpm install -g webpack-cli
6.由于webStrom 搭建没成功,我执行脚本搭建一个放入webStrom中
6.1 e:vue init webpack myproject
创建后看到e盘下面有个my project
如果发现没有node_moudle
走6.2 发出npm install命令 生成这个文件,成功后
如果还是报错cache方面的:解决
缓存腐败,npm cache clean --force命令就是清除这种缓存
在执行npm install 再继续:npm run dev或者在webStorm中的package.json点击后双击dev
6.3 跑Vue项目报错“npm ERR! code EPERM npm ERR! errno -4048”
解决:
这是由于npm版本不对造成的,只需更新npm:
npm -v 查看当前版本为5.0.1
npm view npm version 查看npm最新版本为6.0.1
npm install -g npm@6.0.1 更新最新版本
npm vue init new-project 最后再重新安装vue项目