zoukankan      html  css  js  c++  java
  • Nodejs安装及Vue工程创建(nvm和npm安装和配置,cnpm安装和配置,镜像配置)

    安装Node

    1. 下载 nvm-setup.zip
    2. 将nvm安装在根目录下(不要在系统盘),执行 nvm 查看是否安装成功
    3. 在nvm目录下的settings.txt后面加入(设置 node 和 npm 的淘宝镜像)
      node_mirror: https://npm.taobao.org/mirrors/node/
      npm_mirror: https://npm.taobao.org/mirrors/npm/

    4. 执行 nvm install [版本号](nodejs的版本号,如:10.15.0)
    5. 执行 nvm list 查看所有安装的nodejs版本
    6. 执行 nvm use 版本号(nodejs的版本号,如:10.15.0)
    7. 执行 nvm list 查看nodejs版本是否切换成功(版本前带*则表示当前使用版本)
    8. 在nvm安装目录下新建node_global和node_cache文件夹
    9. 执行
      npm config set prefix "nvm安装路径 ode_global"
      npm config set cache "nvm安装路径 ode_cache"
      npm config list,查看npm的相关配置

    10. 配置系统环境变量NODE_PATH,路径设为 "%NVM_HOME% ode_global ode_modules"
    11. 执行(可重启 命令提示符 ,以防工具未识别刚配置的NODE_PATH环境变量)
      npm install -g express,安装成功后可在"nvm安装路径 ode_global ode_modules"看到此模块
      node,进入node命令行环境
      require('express'),看到相关输出则表示模块安装成功

    12. 执行(安装 cnpm 和配置淘宝镜像)
      cnpm install -g cnpm --registry=https://registry.npm.taobao.org ,安装成功后可在 "nvm安装路径 ode_global" 看到cnpm

    13. 将 "%NVM_HOME% ode_global" 加入到系统环境变量
    14. 执行 cnpm -v ,查看是否安装成功(报错时重启 命令提示符 ,再执行命令)

    创建Vue项目

    1. 执行 cnpm install -g @vue/cli3,安装Vue脚手架

    2. 执行 vue create 项目名,根据需求选择

    3. 执行 cd 项目名,进入项目路径下

    4. 执行 npm run serve,启动项目

  • 相关阅读:
    git如何将一个远程仓库的某个分支拉取到当前分支?
    linux下如何检查内核补丁是否符合社区代码规范?
    javascript快速入门20--Cookie
    javascript快速入门19--定位
    javascript快速入门18--样式
    javascript快速入门17--事件
    javascript快速入门16--表格
    javascript快速入门15--表单
    javascript快速入门15--节点
    javascript快速入门14--DOM基础
  • 原文地址:https://www.cnblogs.com/q10040/p/13856745.html
Copyright © 2011-2022 走看看