vue+webstorm开发环境搭建

1.安装配置环境:

开发环境搭建:http://blog.csdn.net/nero__a/article/details/62228646


1.1:安装node  

测试安装成功: 输入命令 node

                          输入命令:console.log("Hello Node")

                1.1.1设置npm默认安装路径:npm config set prefix "D:\Program               Files\nodejs\X64\node_global"

                1.1.2设置npm安装程序时的缓存位置:npm config set cache "D:\Program Files\nodejs\X64\node_cache"

                 1.1.3环境变量PATH中添加:D:\Program Files\nodejs\X64\node_global\node_modules

1.2创建vue项目

1.2.1打开命令行,进入希望创建项目的路径:执行命令:vue init webpack vue_test  //vue_test项目名

1.2.2一次执行命令: 进入项目路径,npm 安装项目需要的依赖,运行项目

                                   cd vue_test

                                   npm install

                                   npm run dev

1.3安装webstorm

1.3.1在webstorm中打开vue项目

1.3.2设置快速启动,添加node.js配置:


vue+webstorm开发环境搭建_第1张图片
vue+webstorm开发环境搭建_第2张图片
vue+webstorm开发环境搭建_第3张图片

你可能感兴趣的:(vue+webstorm开发环境搭建)