MyEclipse安装Vue

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

一、安装node.js

下载node.js

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

安装node.js
根据自己的需要选择安装路径，一直next,直到finish
验证是否安装成功
通过命令验证是否安装成功：键盘输入【win+r】输入cmd;
node -v
npm -v
配置环境变量：防止以后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

安装——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

在workspace中找两个文件：.classpath和.project,copy到刚刚建成功的项目firstApp下面，
将.project文件打开修改文件内容name改为项目名firstApp
打开myEclipse，File-import-选下面的这个

next,选择需要建立的项目firstApp,打勾，然后finish
在myEclipes中安装vue插件
myeclipes—>help–>Install from Catalog… 点开后就是 marketplace ,搜索vue选择安装
测试
浏览器输入上面命令窗口输入的命令：npm run dev之后返回的网址：http://localhost:8080

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

MyEclipse安装Vue相关推荐

Myeclipse安装、配置、测试
Myeclipse安装.配置.测试(win7_64bit) 目录 1.概述 2.本文用到的工具 3.安装与激活 4.JavaSE开发测试(确保JDK已正确安装) 5.JavaEE开发测试(确保服务器和 ...
如何在Window下安装node\npm\cnpm，并安装vue.js，创建项目
1.安装node.js node.js的官方地址为:https://nodejs.org/en/download/. 根据windows版本后,选择要下载的安装包,下载完毕,按照windows一般应用 ...
java jdk安装以及myeclipse安装
myeclipse安装之前需要装jdk(jdk版本太低也不行) jdk安装遇到的关键问题是:两个文件夹jdk 和jre(我一开始安装的时候没注意,导致jre文件和jdk混在一起了,后来配置环境就会出现 ...
centos 7 安装 Vue
一.安装npm yum install -y npm 二.更新组件 yum update openssl 三.安装Vue 最新稳定版本 npm install vue 最新稳定 CSP 兼容版本 np ...
MyEclipse安装SVN插件之超级精简法
最近有朋友问我MyEclipse安装SVN插件的问题,抱怨网上方法好乱好复杂,现在把我珍藏多年的超精简型配置方法共享给大家: 此方法总结成一句话就是:一下载,二解压,三重启具体如下: 1.svn插件 ...
使用淘宝镜像cnpm安装Vue.js
Vue.js是前端一个比较火的MVVM框架,这里我们使用淘宝的cnpm镜像来安装vue. 步骤首先我们需要下载npm,因为我已经提前安装了node.js,安装包里面集成了npm,然后我们就可以利用n ...
安装vue脚手架创建项目
1.安装node.js [nodejs官网](https://nodejs.org/en/) 2.安装cnpm 到这里node的环境已经安装完了,npm包管理工具也有了,但是由于npm的有些资源被墙, ...
vue开发搭建（npm安装 + vue脚手架安装）
一.概念 1.npm: Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue ...
MyEclipse安装后需要进行的配置
在MyEclipse中编写Web Project,有2个地方需要改编码设置: 1.window-->preference-->general-->content type 然后在&l ...

MyEclipse安装Vue

MyEclipse安装Vue相关推荐

最新文章

热门文章