美文网首页
vue+webstorm开发环境搭建

vue+webstorm开发环境搭建

作者: 钟离依云1103 | 来源:发表于2017-07-18 10:39 被阅读0次

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开发环境搭建

      本文链接:https://www.haomeiwen.com/subject/tqvckxtx.html