zoukankan      html  css  js  c++  java
  • 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

     

  • 相关阅读:
    android-----JNI学习 helloworld
    android布局之线性布局
    Hadoop最基本的wordcount(统计词频)
    有些错误就只因没有全局观
    Eclipse如何生成带有自定tag的Java Doc
    编程之美----高效率地安排见面会----贪心策略
    Servlet Filter
    【解决方法】VS 丢失模板
    你不是一个人在战斗——软件项目团队模型
    [Oracle] Data Pump 详细使用教程(4)- network_link
  • 原文地址:https://www.cnblogs.com/jiazhi88/p/9767753.html
Copyright © 2011-2022 走看看