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

    转载:https://www.cnblogs.com/mtyf/p/8207282.html

 

原文地址:https://www.cnblogs.com/jiazhi88/p/9767753.html