K 的博客

记录精彩的程序人生 开始使用

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

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 把。

评论
1 评论
riddle911 • 2018-02-09
回复 删除

溜了溜了溜了

推荐阅读