使用vue-cil搭建vue的环境

一般开发中我们都是使用脚手架来搭建vue的环境，这里简单介绍如何使用脚手架

流程

• 打开npm的终端
• 输入npm install vue-cli -g 安装vue的命令环境（-g表示全局安装，所以以前有安装则不用执行这一步）
• 生成项目模板： 输入vue init 模版名称 本地文件名称（如：vue init webpack vue-demo表示加载webpack的模版，本地项目名为vue-demo）
• 安装时会询问是否要加载各种模块，包括vue路由，js语法检查，单元测试工具，端对端测试工具，这些看情况判断是否需要
• 进入到生成的文件中，输入npm install
• npm run dev(运行)

然后默认浏览器就会自动打开localhost：8080端口显示出index.html的。

一些问题

修改端口

如果需要修改默认端口，可以进入到文件目录中，找到config/index.js，其中在dev:{ port:8080}就是设置了默认的端口号，修改这里即可

创建后的开发

在vue-cli搭建完了之后我们搞开发只要在src文件中进行修改就好了，其他的多为配置文件

创建新项目

在用vue-cli创建第二个项目时npm提示所在目录D:\a\vue2中没有vue1这个文件（第一个文件是在D:\vue1中，而第二个在D:\a\vue2中）
这使得我认为npm安装的时候会当前默认第一个项目的文件路径所在，而后都是指向这个路径，若在其他文件中又搭建vue的环境，则会出现这个情况，因为它的路径指向以前的那个

赏

多谢支持啦~

支付宝

微信