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终止任务后出现的,此时就结束了
希望对你们有帮助。