zoukankan      html  css  js  c++  java
  • Vue工具

    首先介绍几个概念

    • webpack: 打包机。它能将我们的html,css,js.png,font进行打包,交给服务器。

    • vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装)

    • npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等) 
    • cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”

    安装node.js和npm

    【工具官网】

    Node.js : http://nodejs.cn/

    淘宝NPM: https://npm.taobao.org/

    【安装步骤】

    一、安装node.js

    1.前往node.js官网下载并安装工具,这里安装路径选到D盘,D:Program Files odejs

     安装完毕在命令行输入以下命令测试是否安装成功,正确会出现版本号

    npm -v

    2.改变原有的环境变量,

      (1)我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立"node_global"及"node_cache"两个文件夹,输入以下命令改变npm配置

    npm config set prefix "D:Program Files
    odejs
    ode_global"
    npm config set cache "D:Program Files
    odejs
    ode_cache"

      (2)在系统环境变量添加系统变量NODE_PATH,输入路径D:Program Files odejs ode_global ode_modules,此后所安装的模块都会安装到改路径下  

      (3)在命令行输入以下命令试着安装express(注:“-g”这个参数意思是装到global目录下,也就是上面说设置的“D:Program Files odejs ode_global”里面。)

    npm install express -g

     安装完毕后可以看到. ode_global ode_modulesexpress 已经有内容

      (4)在命令行输入node进入编辑模式,输入以下代码测试是否能正常加载模块:

    require('express')

     假设成功,可以看到有输出。假设出错,检查NODE_PATH的路径。

    二、安装淘宝npm(cnpm)

     1.安装cnpm

       (1)输入以下命令

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

       (2)输入cnpm -v输入是否正常,这里肯定会出错。

    cnpm -v

       (3)添加系统变量path的内容

      因为cnpm会被安装到D:Program Files odejs ode_global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。

  • 相关阅读:
    计算机硬件发展史
    17.Java8新特性_传统时间格式化的线程安全问题
    13. Java8新特性_Stream API 练习
    12. Java8新特性_Stream_归约与收集
    11.Java8新特性_Stream_查找与匹配
    10.Java8新特性_Stream_排序
    9. Java8新特性_Stream_映射
    8. Java8新特性_Stream_筛选与切片
    CentOS 安装 Python3
    CentOS7安装图形桌面系统(GNOME / KDE / Cinnamon / MATE / Xfce)
  • 原文地址:https://www.cnblogs.com/zhangyafei/p/10268681.html
Copyright © 2011-2022 走看看