泸松松

标签： 开发

  • 手动配置WNMP：Win、Nginx、Mysql、PHP，并使用ThinkPHP&FastAdmin开发程序

    WIN系统下载如下如下软件包：

    Nginx：https://nginx.org/en/download.html
    下载 nginx/Windows 版本，然后解压放置自己喜好目录
    Mysql：https://dev.mysql.com/downloads/mysql/
    下载 64-bit ZIP 压缩包，然后解压放置自己喜好目录
    PHP：https://windows.php.net/download
    下载 x64 Non Thread Safe 压缩包，然后解压放置自己喜好目录

    Nginx配置

    方案一：
    修改nginx/conf目录下nginx.conf配置文件
    源：location ~ \.php$ {
    改：location ~ \.php(.*)$ {

    源：
    fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;
    改：
    fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
    fastcgi_param PATH_INFO $1;

    方案二：
    源：location ~ \.php$ {
    改：location ~ \.php {
    源：
    fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;
    改：
    fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
    fastcgi_split_path_info ^(.+\.php)(.*)$;
    fastcgi_param PATH_INFO $fastcgi_path_info;

    Mysql配置

    在Mysql根目录下创建my.ini文件
    在mysql/bin目录下打开管理员模式的cmd输入以下代码创建
    初始化：mysqld --initialize --console
    初始化完成后cmd界面末尾会有“root@localhost”账户的初始密码，登录有修改
    安装Mysql：mysqld install
    启动Mysql：net start mysql

    PHP配置

    .将软件根目录下php.ini-development或php.ini-production复制一份重命名为php.ini
    .打开php.ini文件修改如下

    源：
    ;extension_dir = "ext"
    ;cgi.fix_pathinfo=1
    ;extension=gd2
    ;extension=curl
    ;extension=exif
    ;extension=mysqli
    ;extension=pdo_mysql

    改：去除前面 “;” 然后保存 实例如下
    extension_dir = "ext"
    cgi.fix_pathinfo=1
    extension=gd2
    extension=curl
    extension=exif
    extension=mysqli
    extension=pdo_mysql

    软件启动相关

    Nginx：
    启动：start nginx
    停止：nginx -s quit
    重新加载配置文件：nginx -s reload
    Mysql：
    启动：net start mysql
    停止：net stop mysql
    PHP:
    启动：php-cgi.exe -b 127.0.0.1:9000

    WIN 配置 ThinkPHP&FastAdmin伪静态：

    Nginx配置伪静态：
    location / {
    if (!-e $request_filename) {rewrite ^(.*)$ /index.php?s=$1 last;
    }

  • WIN开发VUE项目，从NodeJs开始。

    前言：
    · 因开发小程序，需要跨平台、跨软件开发，最终选着Uni-App进行开发。虽然使用HBuilderX工具可以快速创建Uni-App项目，但是回归VUE项目创建本质，不了解VUE官方的创建步骤，是不能算一个真正的VUE开发者。
    · 接下来，我们一起来在Windows上真实的、直观的了解VUE项目创建步骤。

    准备访问网站：
    · Vue CLI：https://cli.vuejs.org/zh/guide/
    · NodeJS：https://nodejs.org/
    · NPM中国镜像网站：https://www.npmmirror.com/

    安装NodeJS：
    · 下载Win二进制文件：NodeJS
    根据自己实际情况下载32位&64位的二进制文件包，推荐使用LTS长期服务版的NodeJS，减少开发故障率。· 解压到自己喜欢的目录，上下级目录推荐全程使用英文命名。
    · 添加环境变量，在“此电脑”右键点击进入“属性”→高级系统设置→环境变量→系统变量中找到“Path”，双击打开，添加NodeJS根目录，然后保存即可。
    · 打开CMD（命令提示符），输入“node -v”、”npm -v”，检测是否成功安装。
    · 使用“NPM中国镜像网站”在CMD中输入：
    npm config set registry https://registry.npmmirror.com/

    安装Vue CLI：
    · 打开官方文档查阅相关信息
    · 打开CMD，输入：
    npm install -g @vue/cli 
    · 安装完成后，cmd输入：vue --version 查看是否显示版本号，效对是否安装正确。
    · 打开CMD，输入：npm install -g @vue/cli-service-global 安装全局扩展。

    创建VUE项目：
    · 在需要创建项目的目录打开CMD，输入：
    vue create hello-world
    · vue代表程序，create代表创建意思，hello-world代表项目目录名称。上面的代码“vue create hello-world”含义就是：在此目录下通过vue创建一个hello-world的项目

    启用并开发VUE项目：
    · 在创建的项目 目录下 打开CMD，输入：vue ui 打开图形化项目管理界面
    · 启动VUE项目
    · 使用VSCode工具进行VUE开发：点击下载