zoukankan      html  css  js  c++  java
  • 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”即可 

  • 相关阅读:
    如何找回未保存过的 Excel 文件?
    js 下关于json的销毁和添加
    width:100%和width:auto区别
    在ie6下的png图片的兼容问题
    关于input=file的用法
    div+Css绝对定位(absolute)和相对定位(relative)的总结
    onmouseenter和onmouseleave的兼容性问题
    ckfinder的配置使用
    破解ckfinder2.3 去除版本号和标题提示
    jQuery制作图片的等比例缩放
  • 原文地址:https://www.cnblogs.com/blueskyli/p/7908841.html
Copyright © 2011-2022 走看看