vue的安装以及使用

1.首先安装node.js,可以去官网自行安装

2.检查是否安装成功,可以在cmd控制台输入node -v检查是否出现版本号,

vue安装以及使用

出现这个表示安装成功

3.下载git工具 去官网下载一路下一步就行,检查npm是否安装成功,在cmd控制台输入 npm -v,出现版本号表示安装成功

vue安装以及使用

此时安装成功(npm一般跟随node一起安装在电脑中,node如果成功了,npm基本都会没问题)

4.安装cnpm(由于有些资源npm不能使用)此时我们需要安装cnpm,安装的网址参考https://developer.aliyun.com/mirror/NPM?from=tnpm

在cmd控制台中输入npm install -g cnpm --registry=https://registry.npm.taobao.org

检查是否安装成功 cnpm

5.yarn安装参考网站:https://www.jianshu.com/p/4a225dcacd53
cmd控制台输入:npm install -g yarn
检验是否安装成功:yarn -v

vue安装以及使用

此时安装成功,接下来开始安装vue

6.cmd控制台输入:cnpm install vue

7.安装vue-cli脚手架构建工具

    vue-cli3脚手架工具安装:cnpm install -g @vue/cli或者yarn global add @vue/cli。如果3安装失败就安装4(个人3失败4可以使用)检查安装是否成功 在cmd控制台输入vue --versionvue安装以及使用

出现版本号表示安装成功

8.在cmd控制台输入vue ui启动图形界面(香)

vue安装以及使用vue安装以及使用这里可以修改到自己想要保存的路径vue安装以及使用vue安装以及使用vue安装以及使用刚开始可能没有这个,点击右上角的自定义,运行任务,vue安装以及使用vue安装以及使用vue安装以及使用vue安装以及使用

点击运行 vue安装以及使用此时恭喜完成了

9.运行项目

找到自己把文件保存的路径把文件拖进vscode里面 打开终端 快捷键Ctrl+~打开终端
输入yarn serve

vue安装以及使用

出现上图表示运行成功 红框中是ctrl+c终止任务后出现的,此时就结束了

希望对你们有帮助。

相关文章:

  • 2022-01-30
  • 2022-01-01
  • 2021-07-19
  • 2021-07-01
  • 2021-08-24
  • 2021-04-26
  • 2021-06-28
  • 2022-01-12
猜你喜欢
  • 2021-11-15
  • 2022-12-23
  • 2022-12-23
  • 2021-07-29
  • 2022-02-06
  • 2021-08-15
  • 2022-12-23
相关资源
相似解决方案