泸州网络公司哪家好【泸州企业网站百度SEO推广公司】泸州做网站开发价格、泸州淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、泸州高端企业网站页面制作设计专业公司需要多少钱

泸州网络公司哪家好【泸州企业网站百度SEO推广公司】泸州做网站开发价格、泸州淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、泸州高端企业网站页面制作设计专业公司需要多少钱

泸州，古称“江阳”，别称酒城、江城 [75]  ，是四川省地级市，全国区域中心城市 [75]  ，川渝滇黔结合部区域中心城市和成渝地区双城经济圈南翼中心城市 [1]  、重要的商贸物流中心，长江上游重要的港口城市。截止2020年12月底，全市乡镇政区126个，面积12232.34平方公里。2020年末全市公安户籍登记户数158.09万户，户籍总人口507.95万人，其中乡村人口305.71万人，城镇人口202.24万人，户籍人口城镇化率39.8% [12]  ；2020年泸州市常住人口4254149人 [86]  。

泸州是国家历史文化名城，具有两千多年历史文化；西汉设江阳侯国；梁武帝大同年间建置泸州；泸州在宋代即为西南要会，明代即与成都、重庆三足鼎立，成为当时全国33个商业大都会之一。 [76]  形成了以名酒文化、生态文化、红色文化、历史文化、长江文化为代表的五大特色旅游资源；拥有国家4A级旅游景区7个，国家3A级旅游景区6个，国家2A级旅游景区9个。 [3-4]  [75] 

泸州是长江中上游地区第二大集装箱码头，四川第三大航空港 [77]  ；也是第三批国家新型城镇化综合试点地区、跨境电子商务综合试验区；世界级白酒产业基地，国家重要的以名优酒为主体的食品工业基地、循环型化工基地、清洁能源生产基地、国家高性能液压件高新技术产业化基地、国家9大工程机械生产基地之一。 [2] 

先后获得过联合国改善人居环境最佳范例奖（迪拜奖）、中国地级市民生发展100强、国家卫生城市、中国优秀旅游城市、国家森林城市、国家园林城市、全国文明城市、国家水生态文明城市等荣誉。 [5-6] 

概述

web端三大框架react、vue和angular，本篇教程介绍react的从入门到精通。

一、环境搭建

1、npm搭建项目

如果您之前未曾使用过 create-react-app，请先通过如下命令全局安装（假定您本机已经安装了 Node.js）：

npm install -g create-react-app

然后，通过如下命令构建一个新的项目my-app：

npx create-react-app my-app

通过cd my-app命令进入项目文件夹，执行npm run start命令启动程序，成功运行，则实验环境准备完毕。

最终目录结构

├─ node_modules├─ public├─ src├─ .gitignore├─ package.json├─ README.md└─ yarn.lock

打开浏览器，输入http://localhost:3000可以看到系统默认生成的页面了。(看到如下页面标识安装成功)

2、推荐使用的项目结构

如果你对上面的一无所知的话可以访问追梦猪git下载demo实现快捷开发，省掉安装的步骤

追梦猪react项目demo实例（https://github.com/jiawenguang/React-demo.git）

可以通过git clone方式下载项目结构。

二、目录结构与各文件功能

1、目录结构

1、index.js文件为项目的总入口，CDN引入的资源可以放在此文件中。

2、package.json文件是模块功能配置，使用npm install可生成node_modules文件夹，所有模块功能所需要的资源都存储在这个文件夹中。

3、routers.js文件是路由配置文件，路由功能是三大前端框架的特色（具体用法下面会详细说）。

4、home.js文件是项目结构初始化放上去的界面。

5、components文件夹是存放组件使用。

6、assets文件夹存放静态资源

7、views文件夹存放页面视图

8、router文件夹存放路由

三、react.js的第一个dome

在Home.js中编写代码，代码如下：

import React, {Component} from 'react';import logo from '../logo.svg';class Home extends Component {  render(){    return (      <div className="zmz-react">        <header className="App-header">          <img src={logo} className="App-logo" alt="logo" />          <p>            我的第一个demo从react初始化开发          </p>          <a            className="App-link"            href="https://reactjs.org&quot;            target="_blank"            rel="noopener noreferrer"          >            准备起步          </a>        </header>      </div>    );  }}export default Home;

效果如下：

泸州网络公司哪家好【泸州企业网站百度SEO推广公司】泸州做网站开发价格、泸州淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、泸州高端企业网站页面制作设计专业公司需要多少钱