首选电脑需要先安装node.js 运行环境,如果没有安装,可百度一下!
打开cmd先安装全局安装 webpack
命令行执行 npm install webpack webpack-cli -g --save-dev
安装完成如图,查看版本号没有问题,代表安装成功
全局安装vue脚手架, 我这里是高版本的node 所以安装的是vue-cli 3.0 命令行执行 npm install -g @vue/cli
安装按错如图
安装成功之后,运行vue --version 发现 命令出错
这时候发现就是环境变量没有添加,把vue.cmd路径添加到环境变量保存
如果这时候还是提示 'vue' 不是内部或外部命令,也不是可运行的程序 或批处理文件, 则需要在Path环境变量添加上 %VUE%
此时在重新打开cmd输入vue -V,显示出了版本号,说明已经vue已经安装成功,vue命令已经可以使用了
进入你要安装vue的目录, 运行安装命令 vue init webpack-simple myVue ,myVue是你自定义的目录命令,如果出现安装不了
Vue CLI 3 和旧版使用了相同的vue命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的vue init功能,你可以全局安装一个桥接工具:命令 npm install -g @vue/cli-init
安装完之后,在执行命令 vue init webpack-simple myVue
然后就是基本的信息填写
第一个是项目名称,不可以大写,不能用中文,可以在后面修改成你想要的名称。
第二个是项目描述。
第三个是作者名称。
第四个是许可证。
第五个是否用 sass。
这里按照自己的实际情况填写就好了
这里安装完成之后,会提示 To get started: 执行下面命令按照步骤安装
如果直接用 npm install 安装的过程中出现卡死,不动的情况下,先运行安装一下淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
在执行
cnpm install
到此vue已经安装完成,运行npm run dev 启动vue ,启动完成之后,会自动打开
能显示此界面,表示vue安装完成!
项目目录
到此,安装步骤已完成
本人也是小菜鸟一枚,如有其它问题,请各位大佬指教!