首先给宝子们说声抱歉,因为自己在使用vscode执行vue脚手架的时候出现了很多问题,在经过解决之后还是有一个对应的我弄了一天没弄好,就是“vscode的终端将被任务重用,按任意键关闭”然后导致的是自己没心情学习一点,也导致了上一篇文章的潦草结束,现在我就把注意事项介绍一下
官网下载页链接:Node.js官网下载页
这里注意的是我们在下载的时候一定要下载对应的长期维护版本,要不然会导致后续的很多问题
安装界面大家直接下一步
ok这里我们也是要确定勾选上
路径选择,一定要安装在对应的D盘或E盘
这里也直接下一步就可以
这里也是直接下一步
然后完成安装
然后我们检查,在命令行下输入对应的代码既可以,只要显示出来就说明安装成功
这里我们需要创建对应的global以及cache文件夹,然后去设置全局安装以及备份
然后我们进行对应的淘宝镜像的配置,之后我们就是检查对应的配置
npm config set registry https://registry.npm.taobao.org
npm config list
ok到这里就是说明我们的配置也没问题,这里的镜像网站就是加速下载
在你创建的global文件里面在创建一个文件夹node_modules
然后我们就去配置环境变量
在电脑鼠标右键执行然后找到属性,之后去找到高级系统设置
进入环境变量
3.2.3 在打开的环境变量窗口中,新建系统变量,如下图所示:
变量名:NODE_PATH
变量值:这里是你的对应的安装nodejs文件里面对应的上面新创建的文件夹node_modules
变量值是之前新创建在node.js安装目录中node_global文件夹内的node_modules文件夹的位置(绝对路径)。
然后点击确定。
选择系统变量中的 “Path” 并点击 ”编辑“,进入编辑环境变量窗口。点击 ”新建“,添加如下内容:
%NODE_PATH%
在用户变量中选择 “Path” 并点击 ”编辑“,进入编辑环境变量窗口。选中“C:\Users\Administrator\AppData\Roaming\npm”(这里就是要找到你自己安装路径下的这个文件地址) 然后点击编辑,将其修改为自己新建的node_global文件夹,完成后点击 “确定”。
到此环境变量修改完成,依次点击 “确定” 关闭环境变量窗口和系统属性窗口。
cmd命令以管理员身份打开
之后分别执行对应的安装配置组件
先安装对应的vue组件
npm install vue -g
然后安装webpack组件
npm install webpack -g
webpack-cli组件
npm install webpack-cli -g
vue-cli脚手架组件
npm install @vue/cli -g
最后检查一下
vue -V
# 注:参数为大写的字母V
到这里我们就介绍完了
我们打开一个文件夹,再里面的路径不要删除,直接输入cmd
然后我们输入vue ui就可以自己生成项目了
然后就是项目的配置,这里大家可以去看看黑马程序员的最新课程javaweb的vue项目构建就可以啦
之后我们在vscode上打开就可以啦
这里我们的项目就构建好了(自动生成的),然后我们找到对应的npm脚本执行就可以啦,选择对应的server就可以啦
因为我的vscode一点问题就是一直这样报错那么我就是这样执行,在对应的文件里面执行cmd命令
这里一定要注意是在对应的nodejs文件里面执行cmd命令
然后我们出现这个就是啦,直接点击那个链接加ctrl就可以打开啦
我们在自己学编程的路上,可能会遇到对应的各种问题,但是我们不需要像我一样,一下子就卡了1天,导致了学习兴趣都被打击了,为此希望大家明白有些bug我们解决不了的就不要再耗下去了,就是选择性的放弃。最后祝大家在寒假里富自己所学,今日分享到此结束
少年啊,我们孤独且绽放