【VUE】脚手架项目搭建详细流程

整理了一下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盘