vue学习记录
环境安装
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学习记录更多相关文章
JavaScript CSS Vue3 实现一个简单的Loading
配置和使用nvm免安装版本(nvm-noinstall.zip)
HarmonyOS:使用Node-API实现ArkTS与C/C++跨语言交互
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (一):项目简介及安装依赖
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (四):状态码的使用
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (五):POST上传文件的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (六):token的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (七):MongoDB的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (三):Cors的设置及.env文件的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (二):项目文件夹架构及路由的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (八):API说明(暂时完结,后续考虑将在线版mongoDB变为本地版)
报error:0308010C:digital envelope routines::unsupported错--nodejs版本过高(nvm安装(更换)不同版本nodejs)
小结---安装nvm解决node版本不兼容的问题(node版本切换)