node.js、npm、cnpm、vue.js 安装 | 您所在的位置:网站首页 › npm装cnpm › node.js、npm、cnpm、vue.js 安装 |
Node.js 安装 访问官网下载nodejs的安装包(直接国内镜像访问即可) 官网下载链接:http://nodejs.cn/download/ windows根据电脑系统版本下载对应的 msi 格式安装包,双击安装即可 ![]() 安装没有太多要注意的事项(注意记一下安装路径,下面的内容会用上),傻瓜式一键下一步(next)即可。 安装好后可以检查一下版本, windows + R => cmd => 调出DOS窗口后输入 node -v出现对应的版本号为安装成功! npm 安装 Step1:找到上一步 nodejs安装路径,譬如我的 nodejs 安装路径就是 D:\Development\nodejs输入完命令后,在对应的目录内会生成对应的空文件夹,如果只生成了一个,可以手动把另一个补上 Step3:在环境变量中创建新的环境变量 右击此电脑 => 属性 => 高级系统设置 => 环境变量 => 在系统变量内新建环境变量,路径地址为 nodejs安装目录下 【mode_global\node_modules】再追加一条环境变量,【系统变量】内找到【Path】,双击后方的值可以打开所有环境变量页面,可以选择新建添加环境变量,也可以直接双击下方空白处新增一条环境变量,变量的值为nodejs安装目录下方的【node_global】文件夹 下载安装完成后可以在【node_global > node_modules】文件夹下看到【express】文件夹 在命令行进入node的编辑页面,检验是否可以正常加载模块;如果出现报错现象,请检查 【NODE_PATH】路径是否正确 node require('express')出现上图内容,则证明可以正常加载 cnpm 安装 Step1:配置cnpm淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org如果这一步出现错误,请检查【Path】环境变量内是否添加【node_global】 vue.js 安装输入命令安装 vuejs cnpm install vue查看Vue版本 (注意:V需要大写) vue -V简单创建一个基于 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 实验室设备网 版权所有 |