《Java周边》vue开发环境搭建(windows)

1. NodeJs 安装包下载

百度云:链接: https://pan.baidu.com/s/169TdKRLZd0dXbKSGTr8evw 提取码: th4a 复制这段内容后打开百度网盘手机App,操作更方便哦

官网:http://nodejs.cn/download/

2. 安装Node.js

下载完毕后,可以安装node,建议不要安装在系统盘(如C:)。

设置nodejs prefix(全局)和cache(缓存)路径

1、在nodejs安装路径下,新建node_global和node_cache两个文件夹

2、设置缓存文件夹

npm config set cache "D:\vueProject\nodejs\node_cache"

 设置全局模块存放路径

npm config set prefix "D:\vueProject\nodejs\node_global"

设置成功后,之后用命令npm install XXX -g安装以后模块就在D:\vueProject\nodejs\node_global里

三、基于 Node.js 安装cnpm(淘宝镜像)

npm install -g cnpm --registry=https://registry.npm.taobao.org

四、设置环境变量(非常重要)

说明:设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径

1、鼠标右键"此电脑",选择“属性”菜单,在弹出的“系统”对话框中左侧选择“高级系统设置”,弹出“系统属性”对话框。

2、修改系统变量PATH

3、新增系统变量NODE_PATH

五、安装Vue(cmd需要用管理员打开)

cnpm install vue -g

六、安装vue命令行工具,即vue-cli 脚手架

cnpm install vue-cli -g

 七、新项目的创建

1.打开存放新建项目的文件夹

打开开始菜单,输入 CMD,或使用快捷键 win+R,输入 CMD,敲回车,弹出命令提示符。打开你将要新建的项目目录

2.根据模版创建新项目

在当前目录下输入“vue init webpack-simple 项目名称(使用英文)”。

vue init webpack-simple mytest

初始化完成后的项目目录结构如下:

3、安装工程依赖模块

定位到mytest的工程目录下,安装该工程依赖的模块,这些模块将被安装在:mytest\node_module目录下,node_module文件夹会被新建,而且根据package.json的配置下载该项目的modules

cd mytest
cnpm install

4、运行该项目,测试一下该项目是否能够正常工作,这种方式是用nodejs来启动。

cnpm run dev

参考:https://www.cnblogs.com/zhaomeizi/p/8483597.html

原文地址:https://www.cnblogs.com/jssj/p/12080748.html

时间: 2024-08-29 10:58:43

《Java周边》vue开发环境搭建(windows)的相关文章

Android开发环境搭建(Windows)

1.JDK安装 去甲骨文官网下载JDK(点我下载),安装成功后在我的电脑->属性->高级->环境变量->系统变量中添加以下环境变量: JAVA_HOME值为C:\Program Files\Java\jdk1.7.0_45,即你的JDK根目录 CLASSPATH值为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar; PATH值为;%ANT_HOME%\bin 在cmd下输入java -version命令测试是否配置成功 2.And

Java操作HDFS开发环境搭建以及HDFS的读写流程

Java操作HDFS开发环境搭建 在之前我们已经介绍了如何在Linux上进行HDFS伪分布式环境的搭建,也介绍了hdfs中一些常用的命令.但是要如何在代码层面进行操作呢?这是本节将要介绍的内容: 1.首先使用IDEA创建一个maven工程: maven默认是不支持cdh的仓库的,需要在pom.xml中配置cdh的仓库,如下: <repositories> <repository> <id>cloudera</id> <url>https://re

Java架构师成长之道之Java概述与开发环境搭建

Java架构师成长之道之Java概述与开发环境搭建 Java架构师成长之道 2.1 Java概述 Java自从1995年诞生以来,由于赶上了互联网.移动互联网以及大数据的信息技术发展趋势,逐渐由一门高级编程语言演变成开发平台以及运行平台. 开发平台 经过20多年(1995年正式对外公开发布)的发展已经逐步建立起自己强大的生态体系,在大型互联网应用开发,移动端Android开发以及大数据开发占据了广阔的市场,最典型的就是国内互联网巨头-阿里巴巴在其电商.物流.金融.支付.大数据等业务场景中大量使用

Java核心技术之Java概述与开发环境搭建

Java核心技术之Java概述与开发环境搭建 Java核心技术 1.1 浅谈计算机语言 1.1 计算机语言发展史 1.1.2 编程语言应用场景 1.2 Java概述 1.2.1 Java发展历史 1.2.2 Java的特性 1.2.3 Java技术体系平台 1.3 Java程序员的必备环境 1.4 理解JDK,JRE和JVM三者之间的关系 1.5 macOS配置Java环境 1.5.1 macOS下载JDK 1.5.2 macOS下JDK安装 1.5.3 macOS下JDK配置 1.6 Visu

Hadoop开发环境搭建 windows下Eclipse

Hadoop开发环境搭建 windows下Eclipse 下载Eclipse www.eclipse.org 解压. 下载Hadoop的Eclipse Plugin 将插件包放到eclipse的plugins目录下.重启eclipse. 下载hadoop的安装包 将下载的hadoop安装包,解压到任一目录,最好是英文且无空格目录. 配置eclipse Hadoop instllation directory:设置为hadoop安装包解压的目录. Window->open persperctive

Qt开发环境搭建 - Windows + VS2010 + VS插件

Qt 开发环境搭建 - Windows+VS2010+VS插件 1.Qt在Windows平台下的三种开发环境 方案 编辑器 编译器 调试器 一 Qt Creator MinGW GDB 二 Qt Creator VisualC++ 编译器 Debugging Tools for Windows 三 VS2010自带 VS2010自带 VS2010自带 说明: 1) C/C++语言.Qt库.开发环境.操作系统的关系 2) 编辑器.编译器.调试器三者的关系 2.1) 三者共同组成了开发环境 2.2)

Android开发之JAVA基础__开发环境搭建

一.开发环境搭建 由于ANDROID的应用程序是使用JAVA语言编写的,所以,开发ANDROID的应用程序时,需要计算机具备开发.运行JAVA应用程序的条件.JAVA语言开发的应用程序需要:JDK(Java Development Kit),通常,JDK包含JRE(Java Runtime Envrioment).JDK是JAVA开发工具包,如果需要开发JAVA语言的程序,则计算机上必须安装和配置JDK.JRE就JAVA运行时系统,它是运行JAVA语言开发的程序的支撑.JDK是免费软件,可以直接

我的Java学习笔记 -开发环境搭建

开始学习Java~ 一.Java简介 Java编程语言是一种简单.面向对象.分布式.解释型.健壮安全.与系统无关.可移植.高性能.多线程和动态的语言. Java分为三个体系: JavaSE(J2SE)(Java2 Platform Standard Edition,java平台标准版) JavaEE(J2EE)(Java 2 Platform,Enterprise Edition,java平台企业版) JavaME(J2ME)(Java 2 Platform Micro Edition,java

java简介和开发环境搭建

因为本人的Java一直以来水平都不怎么样,大一的时候只考了60分.所以在临近毕业的时候,我选择了重修Java,这些天正在慢慢的回顾Java,会到博客里面记录一些Java的知识,不为有多少人来看,只希望自己有所收获. 一.Java简介: 1995年,Sun公司推出. 2009年,Oracle公司收购Sun公司. Java SE,标准版本. Java EE,企业版,应用于大型企业级应用的开发. Java ME,嵌入式开发,例如基于Android的手机游戏. Java相关概念介绍: 1.JVM(Jav

一 vue开发环境搭建

2016年,Vue同Angular.React形成三足鼎立的局面,让前端的开发者顾不暇接,今天我们就来了解一下Vue的环境搭建. 一.node.js安装: node.js:一种javascript的运行环境,能够使得javascript脱离浏览器运行, 给vue一个运行环境. node.js的官网:  https://nodejs.org/en/download/ 安装完毕之后,在命令行下验证是否安装成功:输入nmp,显示如下就表示安装成功. 二.cnpm的安装: 安装完node之后,npm包含