vue.js 开发环境搭建

一、NODEJS的安装

Node.js安装包及源码下载地址为:https://nodejs.org/en/download/

vue.js  开发环境搭建

 二、NODE.JS的环境变量的新建。

    其实安装完node,就自动在path里增加环境变量,但是为了以后的本地部署项目,我们需要找到node.js的安装根目录,在当中新建“node_global”和”node_cache”两个文件夹。

1、 启动cmd依次执行以下两条命令

  npm config set prefix ” D:soft odejs ode_global“
  npm config set cache ” D:soft odejs ode_cache“

2、 设置环境变量

  说明:设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径

  1.鼠标右键”此电脑”,选择“属性”菜单,在弹出的“系统”对话框中左侧选择“高级系统设置”,弹出“系统属性”对话框。

  2.点击环境变量弹出下列对话框:

  3.新增系统变量NODE_PATH:把变量值设置成“D:soft odejs ode_global ode_modules” (这样就可以把后面全局安装的装到global里并且可以直接用命令使用。)

4. 修改用户变量PATH:选中PATH,点击编辑,把“D:soft odejs ode_global;”加到前面

vue.js  开发环境搭建

三、打开WEBSTORM

vue.js  开发环境搭建

一直next

vue.js  开发环境搭建vue.js  开发环境搭建

搭建结束