首页 > 其他 > 详细

react和vue项目快速搭建

时间:2018-01-05 23:57:19      阅读:417      评论:0      收藏:0      [点我收藏+]

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

    

 

react和vue项目快速搭建

原文:https://www.cnblogs.com/mtyf/p/8207282.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!