Vue环境搭建与问题处理

 

目的：处理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项目