Vue-cli
vue-cli这个构建工具大大降低了webpack的使用难度,支持热部署,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,而我们则注重于写代码就好
环境依赖安装
中文官网
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项目
-
创建vue项目 在自己的PC文件目录中新建以一个来存储项目
C:\Users\Administrator>
-
创建一个基于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