windows系统下安装node

最近项目中需要使用到vue框架来实现前后端分离,于是抽时间看了下vue的相关只是,从官网了解到可以使用命令行工具(CLI)来构建应用,于是在本地环境预练了一下

下面这句话摘抄自vue文档:

Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ npm install
$ npm run dev

下面就进入本文的主题了,想用使用npm需要安装node

  1. 下载
    进入node的中文网下载相关安装包
    http://nodejs.cn/download/
    傻瓜式安装即可

  2. 使用
    npm(node package manager)nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等);
    npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,所以这里推荐使用阿里的镜像,速度杠杠的,这里不在说明快的原因了,相信搞计算机的都知道哈,
    下面摘抄镜像官网的一句话“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
    方法一:
    npm config set registry https://registry.npm.taobao.org
    // 配置后可通过下面方式来验证是否成功
    npm config get registry

    方法二:

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

    cnpm的使用方法和npm是完全一直的,往后就可以使用cnpm来代替npm了

    推进使用cnpm的方法便于区分

截止到目前为止,node的安装就告一段落了,直接上代码使用了

# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ cnpm install
$ cnpm run dev

 运行后看到 命令行显示“Your application is running here: http://localhost:8080”即可 

posted @ 2017-11-28 11:44  mickey007  阅读(188)  评论(0编辑  收藏  举报