vue学习记录

yyn20230517 / 2023-06-08 / 原文

环境安装

nodejs有了,安装vue-cli: npm install -g @vue/cli (准备按查的资料跑下去的时候突然发现公司项目运行命令是npm run dev,好家伙是vue2,这个是vue3的)

再安装: npm install -g @vue/cli-init 看资料说webpack要全局的,我也忘记我装的是不是全局了,摆烂

webpack全局安装: npm install webpack -g 

 

项目建立

用的vue2,照公司的用。我想先搞个扫雷: vue init webpack winmine ,然后downloading template了好久……总觉得哪里不对味?两分钟了,没动静。

17:01 vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 20.205.243.166:443

大概是webpack的锅,之前装的不是全局。

 

项目建立

假设搞个扫雷: vue init webpack winmine 然后会出现很多提示语。一路Y+回车。

 (不得不说看着有点慌,花的时间好长。)

 这就算是初始化好了,还会黄字提醒我接下来该怎么做,真感动。

就按提示的指令试一下: cd winmine 和 npm run dev 

 等了很久没有页面跳出来。把网址输进去试了一下……还真是要我自己动啊。

 

突然发现这样子建立项目,资源管理器是不变的。所以用VS Code再打开文件夹winmine了,新建一个终端。刚刚打开的网页也寄了,得再来一遍 npm run dev

打开文件夹之后看代码,真的比公司项目好懂太多了()左边这个也能运行和调试   

下班了,明天继续学。笑死了,实习等于拿钱上学。

vue学习记录更多相关文章