zoukankan      html  css  js  c++  java
  • windows系统安装vue及其配置

    以下教程针对windows系统的安装及其配置

    一. 下载安装node.js

      1 下载链接如下:

      https://nodejs.org/en/download/

      2 安装教程

    • 下载成功后,双击打开,一路next即可(注意尽量避免将其安装至C盘) 注:安装之前在D盘新建文件夹,在安装过程中将存储路径改成新建文件夹路径

     二 配置环境变量

      1 打开 计算机《属性《高级系统设置《环境变量《系统变量    找到path双击打开,新建一条路径,如下图:(此路径为node.js安装路径)

      2 打开终端验证node及npm是否安装成功(win+R)

     三 修改默认下载位置

      1 在node.js安装目录下新建两个文件夹:node_cache、node_global

       2 在终端中设置node_cache、node_global(路径选择自己的安装路径)

    npm config set prefix "D:devSoft
    odejs
    ode_global"
    npm config set cache "D:devSoft
    odejs
    ode_cache"

      3 设置成功后,在终端下载:npm install express -g,安装以后node_global文件夹自动生成node_moudles文件夹,在此文件夹中可以看到我们所下载的express

       4 将node_global配置到系统变量中

       5 配置node_moudles目录到系统变量中(此文件为node_global文件夹中的node_moudles文件夹,而非与node_global同级目录的node_moudles文件夹)

     四 配置淘宝镜像以及安装cpnm镜像(win+R)

      1 配置淘宝镜像

    npm config set registry=http://registry.npm.taobao.org

      2 检查淘宝镜像是否配置成功

    npm config get registry

      3 安装cnpm镜像 

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

    五 安装vue

    cnpm install vue -g

    六 安装vue—cli

     命令行: 

    cnpm install vue-cli -g

     验证是否安装成功:(V大写)

    vue-V

      验证vue:

    vue

      打开node_global ode_moudles查看所安装的工具是否存在:

    End~

  • 相关阅读:
    5月9日黑马java之java中四种权限修饰符
    MOOCjava之输入输出
    5月7日黑马java之final关键字的用法
    MOOCjava之数据库基础
    MOOCjava之线程
    毕业设计
    shiro 权限
    Spring Boot Thymeleaf
    Spring Boot文件处理
    Spring Boot Rest模板
  • 原文地址:https://www.cnblogs.com/xiaoyuaa/p/14213024.html
Copyright © 2011-2022 走看看