webstorm 构建基于webpack的vue项目
1 安装node.js(npm是node的包管理器所以安装了node,npm也就有了,此处埋坑~~~~)
2 安装webpack npm install webpack -g (报错starting之类的,查了一下说是node安装在c盘无法操作,使用c/windows/system32/cmd.exe使用管理员身份运行,再执行npm install webpack -g,但是仍然报错,后来有人说是npm版本问题,所以用命令降低版本使用了5.6.0版本,安装成功!!)
3 安装vue脚手架 npm install vue-cli -g (但是vue -V时提示,vue不是内部命令,设置环境变量,我的vue.cmd是在node_cache文件夹里面,所以在系统变量path末尾加入;和我的vue.cmd地址C:\Program Files\nodejs\node_cache)
然后vue -V输出版本号
安装成功!!!
我的webstorm新建项目中并没有vue选项,所以我选择了使用命令,进入要创建项目的文件夹, vue init webpack my-project,一步一步回车就可以了,初始化一个基于webpack的vue项目。