当前位置: 移动技术网 > IT编程>脚本编程>vue.js > Vue安装与使用

Vue安装与使用

2020年07月22日  | 移动技术网IT编程  | 我要评论
一、环境准备1、安装git工具,便于在电脑上操作命令行,根据个人情况可以不安装2、安装node,检查node安装是否成功,在git工具中输入node -v3、检查npm是否安装成功,在git工具中输入npm(npm一般默认和node一起安装在电脑上,node如果安装成功,那么npm一般不会出现问题)4、安装cnpm(安装包下载速度快)cnpm安装参考网站在git工具中输入:npm install -g cnpm --registry=https://registry.npm.taobao.org

一、环境准备
1、安装git工具,便于在电脑上操作命令行,根据个人情况可以不安装
2、安装node,检查node安装是否成功,在git工具中输入node -v
3、检查npm是否安装成功,在git工具中输入npm(npm一般默认和node一起安装在电脑上,node如果安装成功,那么npm一般不会出现问题)
4、安装cnpm(安装包下载速度快)
cnpm安装参考网站
在git工具中输入:npm install -g cnpm --registry=https://registry.npm.taobao.org
检验是否安装成功:cnpm
5、安装yarn
yarn安装参考网站
git工具中输入:npm install -g yarn
检验是否安装成功:yarn -v
二、Vue安装
1、vue安装:cnpm install vue
2、vue-cli3脚手架工具安装:cnpm install -g @vue/cli或者yarn global add @vue/cli
检查其版本是否正确:vue –version
三、Vue使用
1、通过图形界面创建vue项目:在git中输入:vue ui
在这里插入图片描述
就会自动跳转至Vue项目管理器
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
创建项目成功后会显示此页面在这里插入图片描述
2、control+c终止vue ui终止Vue
3、使用VS Code打开创建的项目,打开终端输入yarn serve在这里插入图片描述
跳转至此页面
在这里插入图片描述

项目运行成功

本文地址:https://blog.csdn.net/kongbaiyuhao/article/details/107484243

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网