node.js/npm/vue/tsc非预期情况汇总

一、安装好了typescript,想查看版本时,出现以下信息:

在这里插入图片描述
先猜测是配置没配好的问题,于是在网上搜集了各种有关node/npm/typescript的配置资料,最后都没能解决这个问题,后来索性决定卸载掉node.js,重新安装,卸载方法如下:
【nodejs】如何从Windows中完全删除node.js

重新安装node.js

安装方法:Node.js安装及环境配置之Windows篇
注意:安装过程中会提示安装python和vscode的信息,第一次安装的时候我选择跳过这个步骤,结果环境配置好了之后,想要使用node -vnpm -v查看安装是否成功的时候出现以下情况:
在这里插入图片描述
第二次重新安装的时候勾选了安装python和vscode之后,就可以真正地安装成功。

二、关于路径配置

安装node.js的时候按照默认路径安装即可,并不建议修改为其它磁盘,安装过程中会自动配置好坏境变量;怕占用磁盘,则执行以下命令修改缓存和全局安装位置:

npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"

三、安装最新版@vue-cli,创建vue项目

//安装@vue-cli
npm install -g @vue/cli 
//查看安装是否成功,成功的话则会返回版本号
vue -V
//创建项目
vue create vue3-project(自定义项目名称)

创建项目时,需要选择一些项目,如果是要创建vue3项目的参考这篇文章的选择内容:vue升级与配置

创建vue项目的非预期情况

Error:Cannot find module 'vue-template-compiler'

解决办法:

vscode打开vue3-project项目,ctrl+~打开终端,输入

npm install vue-template-compiler
npm run serve

最终运行起来的页面是这样的:
在这里插入图片描述
参考文章:Error:Cannot find module 'vue-template-compiler’解决办法

おすすめ

転載: blog.csdn.net/weixin_46353030/article/details/120061403