首页 / REACT / react和vue项目快速搭建
react和vue项目快速搭建
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了react和vue项目快速搭建,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含870字,纯文字阅读大概需要2分钟。
内容图文
![react和vue项目快速搭建](/upload/InfoBanner/zyjiaocheng/1317/87405102b89242d6a36154b2c66da256.jpg)
react项目快速搭建
1.安装node环境:
下载地址:https://nodejs.org/zh-cn/download/
2.打开终端
3.安装yarn或者cnpm, 这里以cnpm 为例,输入命令行:
npm install cnpm -g --registry=http://registry.npm.taobao.org
4.安装create-react-app,输入命令行:
cnpm install -g create-react-app
说明:这里安装在全局中,安装一次就可以了。
5.创建react项目,输入命令行:
create-react-app 项目名
6.进入项目所在文件夹,输入命令行:
cd my-app
7.运行项目,输入命令行:
cnpm start
8.打包,输入命令行:
cnpm run build
vue项目快速搭建
1.安装node环境:
下载地址:https://nodejs.org/zh-cn/download/
2.打开终端
3.安装yarn或者cnpm, 这里以cnpm 为例,输入命令行:
npm install cnpm -g --registry=http://registry.npm.taobao.org
4.安装vue-cli,输入命令行:
cnpm i -g vue-cli
5.初始化vue项目,输入命令行:
vue init webpack 项目名
6.进入项目所在文件夹,输入命令行:
cd 项目名
7.安装项目依赖包,输入命令行:
cnpm i
8. 运行项目,输入命令行:
cnpm run dev
9. 打包,输入命令行:
cnpm run build
备注
1.mac 用户在搭建的时候,要在最前面加上 sudo, password为登陆密码。
2.退出或者终止进程:
Mac: control+z
windows: ctrl+c
原文:https://www.cnblogs.com/mtyf/p/8207282.html
内容总结
以上是互联网集市为您收集整理的react和vue项目快速搭建全部内容,希望文章能够帮你解决react和vue项目快速搭建所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。