react和vue项目快速搭建

Posted mtyf

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react和vue项目快速搭建相关的知识,希望对你有一定的参考价值。

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项目快速搭建的主要内容,如果未能解决你的问题,请参考以下文章

使用vue-cli(vue脚手架)快速搭建项目

使用vue-cli快速搭建前端项目

基于Vue-cli 快速搭建项目

最详细安装Vue脚手架及快速图形可视化搭建Vue项目

最详细安装Vue脚手架及快速图形可视化搭建Vue项目

vue 快速入门 系列 —— 使用 vue-cli 3 搭建一个项目(上)