vue安装以及使用

vue的安装以及使用

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

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

出现这个表示安装成功

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

此时安装成功(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

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 –version

出现版本号表示安装成功

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

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

点击运行 此时恭喜完成了

9.运行项目

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

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

希望对你们有帮助。

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注