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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/NAMECZ/article/details/83271028

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

展开阅读全文

没有更多推荐了,返回首页