码迷,mamicode.com
首页 > 其他好文 > 详细

react和vue项目快速搭建

时间:2018-01-06 00:06:30      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:退出   --   下载地址   down   打开终端   地址   word   post   create   

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项目快速搭建

标签:退出   --   下载地址   down   打开终端   地址   word   post   create   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!