Node.js 安装配置 与 vue.js 环境配置

本贴最后更新于 2240 天前,其中的信息可能已经事过境迁

Node.js 安装配置

Node 下载地址{https://nodejs.org/en/download/}
本文有 windows zip 压缩包进行环境搭建 node-v8.9.4-win-x64.zip 根据自己的系统与喜好 选择安装包。
PZLJZ32OB2D_7Qpng

解压 node-v8.9.4-win-x64.zip 到自己的目录,例如解要到 F 盘
imagepng

配置环境变量(用户变量或系统变量均可 ):
变量
NODE_HOME F:\node-v8.9.4-win-x64
NODE_PATH %NODE_HOME%\node_global\node_modules
Path %NODE_HOME%;%NODE_HOME%\node_global; 在后面添加

进入 cmd 执行以下命令

npm config set registry http://registry.npm.taobao.org   //设置模块 仓储地址
npm config set prefix node_global                        //设置模块安装 目录
npm config set cache node_cache

npm config set prefix node_global 这里目录为 NODE_HOME%\node_global 并且这个命令并不是必须的可以不设置,如果不设置环境变量应该改

变量
NODE_PATH %NODE_HOME%\node_modules

默认全局变量为 根目录

运行以下命令 npm install express -gd 试一下模块是否安装到指定位置

用命令安装模块查看是否安装到自己想要的路径,如果没有配置 prefix 默认安装到 根目录的 node_modules

npm install express  -gd	--  [-d 显示信息]
npm install [扩展名] -g		--安装到 node.js 安装路径
npm install [扩展名]		--安装到 cmd当前路径

Vue 安装配置:配置完成node.js后 安装Vue模块

npm install webpack -gd
npm install cnpm -g		//cnpm安装
cnpm install vue-cli -g		//vue-cli安装

初始化一个 Vue 项目

vue init webpack vue_test(项目文件夹名)	//根据提示输入信息 一直选NO
cd vue_test(进到当初的 项目目录)
cnpm install				// 
cnpm run dev				//启动web服务 进入测试

Vue 编辑开发工具

推荐使用 VSCode ,VSCode 安装配置

文件 > 打开文件夹 选择刚才初始化的 vue_test
imagepng

imagepng
OK 开始编辑自己的 Vue.js 把。

  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:SymSoloVditor思源笔记

    1090 引用 • 3467 回帖 • 298 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    138 引用 • 268 回帖 • 218 关注
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    261 引用 • 662 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • someone

    溜了溜了溜了