安装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就可以了

 

posted @ 2023-03-10 10:08  Tityaaaa  阅读(108)  评论(0编辑  收藏  举报