一、安装好了typescript,想查看版本时,出现以下信息:
先猜测是配置没配好的问题,于是在网上搜集了各种有关node/npm/typescript的配置资料,最后都没能解决这个问题,后来索性决定卸载掉node.js,重新安装,卸载方法如下:
【nodejs】如何从Windows中完全删除node.js
重新安装node.js
安装方法:Node.js安装及环境配置之Windows篇
注意:安装过程中会提示安装python和vscode的信息,第一次安装的时候我选择跳过这个步骤,结果环境配置好了之后,想要使用node -v
和npm -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’解决办法