Vue-cli

vue-cli这个构建工具大大降低了webpack的使用难度，支持热部署，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，而我们则注重于写代码就好

环境依赖安装

中文官网

Node.js 中文网 (nodejs.cn)

Node.js发布于2009年5月，由Ryan Dahl开发，是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript 运行在服务端的开发平台。

然后按照提示安装完成即可

在nodejs安装完成以后：

在cmd的命令提示框输入 node -v查看是否能够查出正确的版本号

在cmd的命令提示框输入 npm -v查看是否能够查出正确的版本号

C:\Users\Administrator>node -v
v14.17.1

C:\Users\Administrator>npm -v
6.14.13

切换镜像安装Nodejs的相关文件：

npm install -g cnpm --registry=https://registry.npm.taobao.org

npm install webpack -g

安装vue - cli：

npm install vue-cli -g

创建vue项目

1. 创建vue项目 在自己的PC文件目录中新建以一个来存储项目

   C:\Users\Administrator>
   

2. 创建一个基于webpack模板的vue 应用程序

   #  最后一项为项目名称
   vue init webpack vueDemeo
   

• Project name 项目名称
• Project description 项目描述
• Author 作者
• Install vue-router 是否安装vue-router
• 其他的选 no 即可

安装依赖环境

切换到项目目录下 执行命令

npm install

安装完毕以后如果有错误 系统会提示 执行命令进行修复

npm audit fix

初始化并运行

npm install

npm run dev

进入主页

运行完以后就根据提示的路径进入主页

http://localhost:8080