Windows下安装nodejs并进一步搭建vue开发环境步骤(二)

1.  安装cnpm

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

参考网址:http://npm.taobao.org/

安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org

2.  用cnpm安装vue

安装命令:cnpm install vue -g

3.  安装vue命令行工具

安装命令:cnpm install vue-cli -g

4.  创建工程

(1)用cd命令来到你将要新建工程的目录,如

“E:\NodejsCode”

然后输入命令:vue init webpack mytest

创建一个基于 webpack 模板的新项目,工程名为mytest

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

(2)定位到mytest的工程目录下:cd mytest

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

输入命令:cnpm install

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

输入命令:cnpm run dev

在浏览器中就会弹出如下页面:(或者在浏览器中输入:http://localhost:8080/#/)

以上部分参考于:http://www.cnblogs.com/ixxonline/p/6007885.html

时间: 2024-10-06 08:21:50

Windows下安装nodejs并进一步搭建vue开发环境步骤(二)的相关文章

Windows下安装git+node.js+npm+vue

Windows下安装git+node.js+npm+vue放到统一大文件夹下....我的都在E:\Program Files\... 去csdn下载git http://download.csdn.net/detail/liuyigangliu/9765265安装 默认/百度经验 下载node.jshttps://nodejs.org/en/6.10版本 我用的 git查看版本号 是否安装成功$ node -v -- v6.10.0$ npm -v -- v3.10.10 去淘宝镜像安装vue(

windows 下安装nodejs 要怎么设置环境变量

windows 下安装nodejs 了,也安装了npm, 但是有时候切不能直接用request(‘ws’)这一类的东西.我觉得是确实环境变量或其他设置有问题,能否给个完整的设置方案: 要设置两个东西,一个是PATH上增加node.exe的目录C:\Program Files\nodejs,一个是增加环境变量NODE_PATH,值为C:\Program Files\nodejs\node_modules

Mac /Ubuntu/Windows 下安装nodejs

Mac If you're using the excellent homebrew package manager, you can install node with one command: brew install node. Otherwise, follow the below steps: Install Xcode. Install git. Run the following commands: darwin_setup.sh git clone git://github.co

(转)windows下安装nodejs及框架express

转自:http://jingyan.baidu.com/article/456c463b60fb380a583144a9.html windows下安装nodejs及框架express nodejs从诞生至今一直被热捧,笔者最近也装了个node环境打算了解一下.安装步骤简单比较简单,所以在这里不会详细讲解每一步,只把安装过程中的问题解决了. 工具/原料 nodejs 框架express 方法/步骤 从node官网下载安装文件,官网地址:http://nodejs.org/   这个安装程序也很常

【原创】win10下搭建vue开发环境+IIS部署

[原创]win10下搭建vue开发环境 如果要转发,请注明原作者和原产地,谢谢! 特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具. node.js的官方地址为:https://nodejs.org/en/download/,如下图所示: 根据自己电脑的具体配置,选择你要下载的安装

在Windows下用Eclipse+CDT+MinGW搭建C++开发平台

本文提供了在Windows下用Eclipse+CDT+MinGW搭建C / C++开发平台的方法, 测试平台为Windows XP Sp2 CHS. 以下软件均为Windows平台下的版本. 1.安装JDK,目的是为了Eclipse的运行.目前版本是jdk-1_5_0_06-windows-i586-p.exe ,下载地址http://java.sun.com/javase/downloads/index.jsp.仅安装JDK即可.假设安装路径为D:\java\JDK.配置系统环境变量(右键点击

搭建vue开发环境的步骤,六步完成

搭建vue开发环境的步骤,其实也挺简单的,之前这环境的配置也困扰着我一:在搭建vue的开发环境之前,一定一定要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,下载地址:http://nodejs.cn:注意是32还是64位:二:下载好node之后,打开docs管理工具,先看看node安装成功了没有,输入 node -v ,回车,会输出node的版本号. 三:淘宝镜像安装成功之后,我们就可以全局vue-cli脚手架,输入命令:npm install --global

windows下搭建vue开发环境+IIS部署

特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具. node.js的官方地址为:https://nodejs.org/en/download/,如下图所示: 根据自己电脑的具体配置,选择你要下载的安装包,作者选择的是windows 64bit. 下载完毕,按照windows一般应用

windows下搭建vue开发环境实践

Vue.js是一套构建用户界面的 “渐进式框架”.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.2016年,Vue同Angular.React形成三足鼎立的局面.为了提升自己的知识面,今天实践操作一下Vue的环境搭建. 一.安装node.js Vue项目通常通过webpack工具来构建,而webpack命令的执行是依赖node.js的环境的,所以首先要安装node.js.官方地址为:https://n