整理了一下VUE大型项目脚手架的搭建,和一些自己的理解,不对的地方欢迎指出!
第一步:下载NODE
下载NODE,在这里是为了用到node里边的npm,node下载成功后
第二步:win + R 打开 windows 运行窗口,输入 cmd 打开命令行工具
第三步:①在命令行工具里输入 node -v 出现版本号 说明 node下载成功
②在命令行工具里输入 npm -v 出现版本号 说明npm 下载 成功
第四步:安装国内镜像 cnpm ,cnpm的服务器在国内,下载速度优于npm,命令行里输入以下代码安装cnpm
npm install -g cnpm -- registry=httos://registry.npm.taobao.org
输入 cnpm -v 检查国内镜像cnpm是否安装成功
如果安装失败,输入 npm cache clean 清理缓存后 重新安装
第五步:使用 cnpm 安装 vue-cli 脚手架
cnpm install -g vue-cli
输入vue -V 查看是否安装成功
第六步:配置项目
vue init webpack Vue-Project
第七步:配置完成后安装运行项目所需要的依赖
cnpm install
第八步:进入项目
cd Vue-Project (根据自身的路径进入到项目)
第九步:运行项目
npm run dev (项目启动)
第十步:项目完成后的打包
npm run build
注意:① 若脚手架安装失败,可用以下方法卸载脚手架后重新安装
npm uninstall vue-cli -g 全局卸载vue-cli脚手架
② 若 npm -v 出现报错,卸载node.js
并将C:\Users\Administrator\AppData\Roaming下边的npm和npm-cache删除
重装node.js
另外多说一句,windows进入盘符的方法, :d 进入D盘