安装vue与vsc步骤
参考文档:
https://blog.csdn.net/Mq_sir/article/details/118368900
https://blog.csdn.net/weixin_44582077/article/details/110237056
https://zhuanlan.zhihu.com/p/264785441
node.js官网https://nodejs.org/en/download/
背景:
在按照原博客步骤操作之后,无法用cmd命令进行创建vue项目,下载相关脚手架时也会报warm
安装node.js:
一、
1、先要安装对应的nvm管理工具
https://github.com/coreybutler/nvm-windows/releases
下载对应的(要把360等软件关掉)
2、下载的随便解压运行exe文件,进行安装nvm
3、在cmd命令查看是否安装成功
输入
nvm v
查看,如果出现版本号就是成功安装,如果没安装成功可能是之前的node.js没删干净
4、 输入命令行
nvm ls available
查看可用的node.js版本号
5、在命令行输入
nvm install node + 版本号
(注意:在下载时,有时候有些版本可以准确下载,有时候有些版本会出现只下载node,但npm版本不会自动下载的情况;出现这种情况的话,①有时候是因为下载过程中不稳定,稍后再试;②更换一下其他版本下载)
6、检验是否安装成功
分别输入命令行
node -v
和
npm -v
显示版本号则安装成功。
7、输入命令行
nvm use node +版本号
8、 输入命令行 查看你安装的node.js的版本号,以及当前所选择的node.js运行版本
nvm 1s
9、如果想删除某node.js版本的话,输入命令行nvm uninstall node +版本号(例如:nvm uninstall 12.17.0)即可删除对应版本
二、安装淘宝镜像
输入"npm install -g cnpm --registry=https://registry.npm.taobao.org"确定全局安装
(前提电脑中安装好了node.js)
三、安装脚手架
1、通过 npm install -g vue-cli 安装vue-cli脚手架
2、然后根据提示选择会否安装插件,如果安装则选择Yes,如果不安装则选择No,知道插件选择完成
创建一个vue文件 vue create +name
在vscode的终端中 安装vscode(看上文对应第三个链接,记得下载插件)
3、安装项目依赖,项目依赖的安装代码为:npm install
4、接下来就要让项目跑起来。代码为:npm run dev
接下来能够成功跳转8080就可以了