创建Vue项目以及简单的登录功能

一、node.js环境的安装我们之前都已经讲过了

详见：https://blog.csdn.net/spurs611/article/details/103404212

二、创建Vue项目

1、进入到指定的文件夹，用来放vue项目

2、使用cmd进入到该文件夹路径下

3、创建vue项目：

vue init webpack-simple xz-vue

vue init webpack xz-vue   

(xz-vue是自己起的名字) 以上两条命令均可使用。

然后按照指示输入name 和 description，按回车

下面的都可以直接输入y，也就是yes来确定使用。按回车就开始创建了。如下图所示创建成功。

 

 

4、进入到xz-vue文件夹，安装npm

命令：npm install

 5、启动vue项目

命令：npm run dev

页面访问地址：http://localhost:8080

6、修改vue项目的端口号

项目config文件中，index.js文件

 修改以上位置的端口号，然后重启vue即可。