MyEclipse安装Vue

2021.01.18 最后一步myEclipes安装vue.js codemix失败，暂时无法解决，换用vscode

一、 安装node.js

1. 下载node.js

直接在官网下载，选择合适的版本，https://nodejs.org/zh-cn/download/（这里选择的是windows安装包 bit)

2. 安装node.js
   根据自己的需要选择安装路径，一直next,直到finish

3. 验证是否安装成功
   通过命令验证是否安装成功：键盘输入【win+r】输入cmd;
   node -v
   npm -v
   

4. 配置环境变量：防止以后npm引包放在C盘占用C盘空间，所以将全模块路径和缓存路径放在nodejs文件夹下
   新建文件夹：
   node_global 全局包下载存放

   node_cache node缓存

查看默认位置:npm config ls
设置npm的路径，打开cmd输入：
npm config set prefix “D:\A-GraduationDesign\nodejs\node_global”
npm config set cache “D:\A-GraduationDesign\nodejs\node_cache”

修改用户变量path为：D:\A-GraduationDesign\nodejs\node_global



系统变量点击新建，NODE_PATH,变量值为：D:\Tools\Node_js\node_modules

二、安装国内镜像——cnpm

node的环境安装完成
npm包管理器也有了
但是有些国外npm资源被屏蔽或者是国外资源的原因，所以需要npm的国内镜像文件cnpm

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org ，然后等待，没报错表示安装成功.

注:安装显示错误 npm WARN deprecated request@2.88.2: request has been deprecated
解决办法：把npm与cnpm放在相同的目录下，所以不能够在c盘下执行命令，要在D:\A-GraduationDesign\nodejs\node_global中执行

三、安装Vue

1. 安装——cnpm install -g vue-cli

2. 查看版本（是否安装成功）——vue -V

3. 安装webpack——cnpm install webpack -g

4. 查看是否安装成功，然后输入yes —之后自动下载资源 ——webpack -v

5. 测试项目——vue init webpack firstApp–初始化一个完整的项目
继续在该文件夹下运行命令（但是好像文件会混乱掉）

创建成功

cd firstApp -进入项目中
执行cnpm install—安装依赖（使用cnpm安装出现问题，最后改用了npm install)
最后执行npm run dev 启动项目！

三、兼容myEcilpes

1. 在workspace中找两个文件：.classpath和.project,copy到刚刚建成功的项目firstApp下面，
   
2. 将.project文件打开修改文件内容name改为项目名firstApp
   
3. 打开myEclipse，File-import-选下面的这个
   
   next,选择需要建立的项目firstApp,打勾，然后finish
   
4. 在myEclipes中安装vue插件
   myeclipes—>help–>Install from Catalog… 点开后就是 marketplace ,搜索vue选择安装
   
5. 测试
   浏览器输入上面命令窗口输入的命令：npm run dev之后返回的网址：http://localhost:8080

参考文章：https://blog.csdn.net/zxy_a_lion/article/details/105951928