node.js、npm、cnpm、vue.js 安装 您所在的位置:网站首页 npm装cnpm node.js、npm、cnpm、vue.js 安装

node.js、npm、cnpm、vue.js 安装

2023-03-17 09:38| 来源: 网络整理| 查看: 265

Node.js 安装

访问官网下载nodejs的安装包(直接国内镜像访问即可)

官网下载链接:http://nodejs.cn/download/

windows根据电脑系统版本下载对应的 msi 格式安装包,双击安装即可

node.js、npm、cnpm、vue.js 安装 - windows版本Node.js 安装npm 安装cnpm 安装vue.js 安装

安装没有太多要注意的事项(注意记一下安装路径,下面的内容会用上),傻瓜式一键下一步(next)即可。

安装好后可以检查一下版本, windows + R => cmd => 调出DOS窗口后输入

node -v node.js、npm、cnpm、vue.js 安装 - windows版本Node.js 安装npm 安装cnpm 安装vue.js 安装

出现对应的版本号为安装成功!

npm 安装 Step1:找到上一步 nodejs安装路径,譬如我的 nodejs 安装路径就是  D:\Development\nodejs node.js、npm、cnpm、vue.js 安装 - windows版本Node.js 安装npm 安装cnpm 安装vue.js 安装 Step2::配置npm的全局模块的存放路径、cache的路径 npm config set prefix "D:\Development\nodejs\node_global" npm config set cache "D:\Development\nodejs\node_cache" node.js、npm、cnpm、vue.js 安装 - windows版本Node.js 安装npm 安装cnpm 安装vue.js 安装

输入完命令后,在对应的目录内会生成对应的空文件夹,如果只生成了一个,可以手动把另一个补上

Step3:在环境变量中创建新的环境变量 右击此电脑 => 属性 => 高级系统设置 => 环境变量 => 在系统变量内新建环境变量,路径地址为 nodejs安装目录下 【mode_global\node_modules】 node.js、npm、cnpm、vue.js 安装 - windows版本Node.js 安装npm 安装cnpm 安装vue.js 安装

再追加一条环境变量,【系统变量】内找到【Path】,双击后方的值可以打开所有环境变量页面,可以选择新建添加环境变量,也可以直接双击下方空白处新增一条环境变量,变量的值为nodejs安装目录下方的【node_global】文件夹 

node.js、npm、cnpm、vue.js 安装 - windows版本Node.js 安装npm 安装cnpm 安装vue.js 安装 Step4:在配置好环境变量后,输入命令安装express npm install express -g

下载安装完成后可以在【node_global > node_modules】文件夹下看到【express】文件夹

node.js、npm、cnpm、vue.js 安装 - windows版本Node.js 安装npm 安装cnpm 安装vue.js 安装

在命令行进入node的编辑页面,检验是否可以正常加载模块;如果出现报错现象,请检查 【NODE_PATH】路径是否正确

node require('express') node.js、npm、cnpm、vue.js 安装 - windows版本Node.js 安装npm 安装cnpm 安装vue.js 安装

出现上图内容,则证明可以正常加载

cnpm 安装 Step1:配置cnpm淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org node.js、npm、cnpm、vue.js 安装 - windows版本Node.js 安装npm 安装cnpm 安装vue.js 安装 Step2:输入命令检测版本 cnpm -v node.js、npm、cnpm、vue.js 安装 - windows版本Node.js 安装npm 安装cnpm 安装vue.js 安装

如果这一步出现错误,请检查【Path】环境变量内是否添加【node_global】

vue.js 安装

输入命令安装  vuejs 

cnpm install vue node.js、npm、cnpm、vue.js 安装 - windows版本Node.js 安装npm 安装cnpm 安装vue.js 安装 全局安装 vue-cli cnpm install --global vue-cli node.js、npm、cnpm、vue.js 安装 - windows版本Node.js 安装npm 安装cnpm 安装vue.js 安装

查看Vue版本 (注意:V需要大写)

vue -V node.js、npm、cnpm、vue.js 安装 - windows版本Node.js 安装npm 安装cnpm 安装vue.js 安装

简单创建一个基于 webpack 模板的新项目vue项目,测试vue能否正常使用

vue init webpack my-project

会进行一些配置,默认回车即可

cd my-project cnpm install cnpm run dev

启动项目后在地址栏输入 localhost:8080 或者 127.0.0.1:8080  后回车,看到 Vue 图标后证明项目成功!

注: 有侵权或其他疑问请联系我: QQ:246669289



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有