node+vue+mysql使用历程之一(安装)

node+vue+mysql安装

  • 安装node

下载地址:https://nodejs.org/en/ (下载第一个选项就行)

node安装:
双击下载好的安装包
安装过程基本上直接点击next就可以,引导步骤会将安装目录添加到PATH环境变量中。
其中涉及到软件安装在哪一个文件夹下可以根据自己的习惯修改(我的在D盘),
node测试:
打开cmd窗口,输入:node -v ,回车,返回版本号列如:v8.11.3(安装成功)。
npm 安装:
由于新版的node已经集成了npm,所以不需要再进行安装了,可以直接使用了。
npm测试:
打开cmd窗口,输入:npm -v ,测试npm是否成功安装,返回版本号例如:5.60(安装成功)

  • 安装vue

参考地址:https://www.cnblogs.com/binmengxue/p/6831850.html
初始使用vue的情况下需要执行以下步骤(node安装已安装成功):

```
npm install --global vue-cli    //全局安装vue-cli
vue -V    //-V的V大写,检查是否安装成功,或者不知道自己是否安装了vue的情况下可以执行该命令检查本机环境是否有安装vue
```

全局安装过vue后,便可以使用vue创建项目,以下步骤为创建项目流程:

1.使用vue创建项目(cmd切换到自己需要创建vue项目的目录下):

```
vue init webpack my-project 
//使用vue创建项目,名为my-project,项目名称不能有大写
//注:vue-cli 的模板包括 webpack 和 webpack-simple,
//前者是比较复杂专业的项目,他的配置并不全放在根目录下的 webpack.config.js 中。
//webpack-simple 相对简单的,它根目录下才有个 webpack.config.js
```

2.项目建立过程中注意点(参考地址截图如下):
除了需要注意的一步选择No以外,其他步骤都可以直接回车快速选择yes。
这里写图片描述

3.项目安装成功后查看目录结构
这里写图片描述
4.进入项目根目录下,安装项目所需依赖

npm install  
//完成后,会发现项目目录下多出一个node_modules文件夹,里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目

5.运行vue,打开项目,安装完成:

npm run dev
  • 安装mysql (安装环境是:win7 + x64)

在安装包下载好的前提下:用时4个小时左右,涉及到查询报错及解决

参考地址:https://blog.csdn.net/zhouzhiwengang/article/details/80589420

1.下载地址:https://dev.mysql.com/downloads/mysql/ 我选择的版本是8.0.11 ZIP Archive.
这里写图片描述

2.下载后的压缩包直接解压在自己需要的盘里就可以,我的解压在D盘下。
解压后的文件打开内容如下:
这里写图片描述

3.win7系统需要配置mysql环境变量:
参考地址:https://jingyan.baidu.com/article/0964eca25903618285f53602.html
该链接中只需参考环境变量的配置步骤3即可,截图如下:
这里写图片描述

4.在mysql的根目录下新建文件:my.ini (后缀名记得改成ini格式)
将以下内容粘贴进去即可:

[mysqld]
basedir=D:\\software\\mysql-8.0.11
datadir=D:\\software\\mysql-8.0.11\\data
port=3306

5.以管理员身份运行 cmd:
①win7系统下:
开始–>所有程序–>附件–>命令提示符(右键)–>以管理员身份运行。
②win7系统下:
C:\Windows\System32该路径下找到cmd的运行软件,右键->以管理员身份运行,切换到D 盘( MySQL 解压后所在的盘 ),cd进入mysql所在文件夹内,然后再进入bin目录下,输入以下命令:

mysqld -install

输出结果会显示以下代码,则表示成功:

Service successfully installed.

6.然后输入:

mysqld --initialize

然后运行成功后打开mysql所在文件夹,查看根目录下应该会多一个data 文件夹。

7.启动mysql服务(在bin目录下):

net start mysql

8.登录mqsql(在bin目录下):

mysql -u root -p

运行后会出现以下语句(需要输入密码):

Enter password:

此时需要mysql自动生成的初始密码。在mysql的根目录下找到data文件夹打开,找到后缀名为.err的文件用记事本打开,文件内搜索password后找到密码所在位置:
这里写图片描述
紧接上步骤输入密码后回车。当输出一下语句时则表示配置成功:

Welcom to the MySQL monitor. Commands end with ; or \g
......

输入以下命令修改初始密码方便记忆:

set password for root@localhost=password('你的密码');

猜你喜欢

转载自blog.csdn.net/marslover521/article/details/80938686