使用vue-cli 来创建vue项目
2024-08-31 08:22:08
前置条件
- 需要安装node环境
- 安装vue\cli工具
vue\cli官网
传送门 vue-cli
安装node.js
nodejs中文网
点击之后会发现这个界面
可以点击下载或者选择其他版本的包，尽量选择偶数版本的包，因为偶数包是稳定版本的，不用一味的追求新版本
下载好之后双击exe文件，一直点击next就行了
打开cmd输入node -v如果出现版本号那么就安装成功了
再检查npm 看npm有没有装好 输入npm -v ，如果出现版本号那么就说明安装成功了
开始安装vue-cli
打开cmd输入，等待命令执行完就行了
npm install -g @vue/cli
执行完成之后输入，注意是大写的V
vue -V
如果显示版本号那么就说明安装成功了
创建vue项目
使用vue ui
cmd输入：
vue ui
会出现以下界面（vue gui界面这里可以创建项目，增加插件等等，图形化操作，点点点就行了）我这里就不演示了
vue 命令创建
输入
vue create yourProjectName
把yourProjectName更改为你的项目名称
出现下面的界面，上面两个是我自己的预设
你们选择Default ([Vue 2] babel, eslint)
这样就创建好了一个vue项目啦
运行vue项目
命令行输入
npm run serve
就会出现下面界面
在浏览器输入Local后面的网址就可以出现下面的界面，你的vue项目运行成功了（记得带上端口号）
最新文章
- Spring Boot整合Dubbo框架demo
- Python-lambda函数，map函数，filter函数
- Web API 自动生成帮助文档并使用Web API Test Client 测试
- windows2003开启vpn服务
- 记录一次fat32格式U盘不识别问题
- 什么是“鸭子类型（duck typing）”？
- flex 图片旋转（解决公转和自转问题）
- IoC/DIP其实是一种管理思想
- Python核心编程(第七章)--映像和集合类型
- 2016 ACM/ICPC Asia Regional Dalian ICPC大连现场赛
- js获取浮动(float)元素的style.left值为空的解决办法
- JAVA 23种开发模式详解（代码举例）
- vue指令v-bind示例解析
- 在JS事件封装时，addEventListener()方法的this问题
- Nginx 的安装与配置
- axios页面无刷新提交from表单
- RabbitMQ疑惑释义
- oracle utl_http 访问https类型
- 科学技术库Numpy
- ThinkPHP文件目录说明