11

vue项目搭建问题记录

 4 years ago
source link: https://blog.csdn.net/tuzongxun/article/details/104100344
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

新型肺炎，湖北在水深火热之中，到处封路，不敢出门。

武汉回来还不满14天的我，又不敢带小孩儿，干着急也没有什么作用，索性还是学点东西吧。

本想重构一下之前的小项目，把前台的实现由thymeleaf模板改为更流行的vue，但是创建vue项目时却遇到一些问题，以下为记录备忘。

记录一:安装cnpm卡住

按原来的步骤，使用 vue init webpack projectName 可以创建一个初始的vue项目，但是这次大概是由于家里网络不好，在 npm install 的时候一直卡着不动。

网上说是由于npm的镜像在国外，可以换成阿里的cnpm镜像，安装命令如下：

npm install -g cnpm --registry=https://registry.npm.taobao.org

但是在执行这个命令之后，却在 fetchMetadata 这里一直卡着不动，足足一个小时。

于是各种尝试之后，根据网上的方法成功安装，步骤如下：

npm set registry https://registry.npm.taobao.org
npm set disturl https://npm.taobao.org/dist
npm cache clean --force
npm install -g cnpm --registry=https://registry.npm.taobao.org

可能还是网络不好，执行了上边几步之后，依然用了差不多十五分钟才安装成功。

参考： cnpm执行卡住，卡顿解决

记录二：cnpm初始化vue项目

在创建vue项目的时候，最后一步有三个选项：

Yes, use NPM
Yes, use Yarn
No, I will handle that myself

这一步的意思就是下载安装各种依赖包，默认是npm下载，我上边创建项目卡住的原因也就是这里直接回车了。而网络不佳。

因此，安装cnpm之后，可以选择第三项。

完成之后，cd到项目目录下再执行 cnpm install 即可用cnpm代替npm下载安装依赖包，大大提升项目创建的速度以及成功率。

湖北依旧在水深火热之中，武汉更是在水深火热的中心。

昨天一天湖北增加确诊1291人，希望是因为试剂盒、设备、医务人员跟上之后出现的正常现象。

祖国加油，湖北加油，武汉加油，希望一切都快点好起来，希望一起都快点过去！


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK