【Vue 学习系列 - 01】- 环境搭建(Win7)

1. 根据系统下载Node.js

下载地址:http://nodejs.cn/download

2. 安装Node.js

点击安装Node.js,在安装目录D:\Program Files\nodejs\下新建node_global和node_cache两个文件夹

设置global和cache

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

3. 安装cnpm

说明:由于许多npm包都是在国外,我们这里用到淘宝的镜像服务器,来对我们依赖的module进行安装,因此首先安装“中国的npm”——cnpm

安装命令: 

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

  

4. 环境变量设置

编辑用户变量“PATH”,在已有的变量后面加入英文“;”,然后添加“D:\Program Files\nodejs\node_global”
新增系统变量“NODE_PATH”,变量值为“D:\Program Files (x86)\Nodejs\node_global\node_modules”

5. 安装VUE
命令:npm install vue -g 或 cnpm install vue -g

6. 安装VUE命令行工具vue-cli

Vue-cli是VUE官方提供的一个命令行工具,使用vue-cli可以快速搭建大型单元应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。
命令:npm install vue-cli -g 或 cnpm install vue-cli -g

7. 创建工程

a. 新建一个基于webpack模板的工程
 在指定目录下,按住shift键同时右击鼠标在菜单中选择“Open command window here”,
 命令: vue init webpack mytest
 Project name:项目名称
 Project description:项目具体描述
 Author:作者
 Vue build:单个独立项目
 Install vue-router:Vue路由组件
 Use ESLint to lint you code:语法检查工具 ESLint
 Pick an ESLint preset:选择 ESLint 预设好的配置
 Setup unit tests with Karma + Mocha:安装单元测试工具 Karma + Mocha
 Setup e2e tests with Nightwatch:安装 Nightwatch 设置 e2e 测试
b. 定位到mytest文件夹
 命令:cd mytest
c. 安装该工程依赖的模块
 命令:npm install
d. 运行项目
 命令:npm run dev

时间: 2024-12-28 15:57:19

【Vue 学习系列 - 01】- 环境搭建(Win7)的相关文章

cocos2dx 环境搭建 win7 +vs2012+ cocos2dx-2.1.4

转自:http://my.eoe.cn/swer03160828/archive/20067.html 1) 如果在win32 下面编写的cocos2dx 的代码其文件 .cpp,.h 的文件,基本上都其他的平台上面可以直接把文件编辑是没有问题的! 2) 大多数的学习游戏开的人,使用的很多都是 win32 系统,但是网上很多的教程在ios上面的操作! 本人也是使用的就是win32 系统!比较符合android 开始的鞋童们!呵呵呵 3)我在接下文章总结出自己在项目中遇到的问题,已经解决的办法!

vue学习(1) vue-cli 项目搭建

vue学习(1)  vue-cli 项目搭建 一.windows环境 1. 下载node.js安装包 官网:https://nodejs.org/en/download/ 选择LTS下载 2. 安装 下载完成后点击安装包安装到自己指定的文件夹 windows + r 打开cmd,在命令行中输入node -v,如果安装成功就可以看到当前node的版本 输入npm -v,可以看到相应的npm的版本 3. 安装vue-cli npm install -g cli 4. 创建cli项目 首先cd进入到你

OpenCV 环境搭建( Win7 64位 / VS2010 / OpenCV2.4.9 )

//// OpenCV 环境搭建( Win7 64位 / VS2010 / OpenCV2.4.9 ),布布扣,bubuko.com

win7下android开发环境搭建(win7 64位)

一.安装 JDK 下载JDK最新版本,下载地址如下: http://www.oracle.com/technetwork/java/javase/downloads/index.html 二.下载并安装 Eclipse http://www.eclipse.org/downloads/ win7下android开发环境搭建(win7 64位),码迷,mamicode.com

1.蛤蟆Python脚本学习笔记一环境搭建

1.蛤蟆Python脚本学习笔记一环境搭建 蛤蟆一直在想在工作的时候能不能有一个牛逼的工具来让自己工作更加轻松和快乐.用过C, C++, C#, JAVA,  SHELL,TCL,汇编,BAT等,感觉这些都是需要的时候能发挥作用,不能和我想象的一样.突然有一天,感觉Python实在不错,那么就和小伙伴们一起乐呵乐呵呗.万事开头难,我们先来搭建环境吧. 欢迎转载,转载请标明出处:http://blog.csdn.net/notbaron/article/details/48058315 1. 相关

一、Android学习第一天——环境搭建(转)

(转自:http://wenku.baidu.com/view/af39b3164431b90d6c85c72f.html) 一. Android学习第一天——环境搭建 Android 开发环境的搭建 环境搭建需要①Android SDK ②JDK ③eclipse 环境搭建开始: ㈠将Android SDK与JDK解压,最好路径中不要出现汉字,然后配置环境变量,方便命令行操作 ㈡为eclipse(3.4.1)安装开发Android插件——Android ADT Help-->Install N

iOS开发项目-01环境搭建

iOS开发项目-01环境搭建 一.基本过程 1.新建一个项目 (1)删除storyboard (2)在配置界面中,把main  删除,手动设置 2.准备素材 图片素材如下: 这个项目是模仿新浪,实现一个山寨的新浪微博系统,新版本的系统中已经放弃了非视网膜屏幕. 说白了,这种情况下,如果手机是3.5英寸的ios7系统,则看不到该启动动画. 设置方法,右键单击show in finder,修改json文件. Contents.json,对文件进行修改,让系统启动画面对3.5英寸的ios7系统提供支持

Spring Boot学习记录(一)--环境搭建

Spring Boot学习记录(一)–环境搭建 标签(空格分隔): spring-boot 最近趁着下班闲时间学习spring-boot,记录下学习历程,最后打算实战一个API管理平台,下面开始环境配置. 1.工程结构 使用maven建立一个普通结构,因为spring-boot内嵌tomcat,所以打包只需要打包成jar就可以直接运行,所以并不像以前那样建立WEB程序了,目录如下,类可以先建立好放在那: 2.引入maven依赖 根据官方教程提示,直接引入parent就可以使用spring-boo

hive学习系列2——环境安装

1.hive的安装  (1)解压缩.重命名.设置环境变量,参考hadoop1学习系列2 (2)在目录$HIVE_HOME/conf/下,执行命令mv hive-default.xml.template  hive-site.xml重命名     在目录$HIVE_HOME/conf/下,执行命令mv hive-env.sh.template  hive-env.sh重命名 (3)修改hadoop的配置文件hadoop-env.sh,修改内容如下:     export HADOOP_CLASSP