Vue环境搭建

npm 进行环境搭建(npm请自行安装)
vue环境是基于webpack

打开命令行工具运行一下命令:

1.全局安装 vue-cli
npm install -g vue-cli (回车)

2.初始化一个项目文件
vue init webpack my-project (回车)

1-1 Vue环境搭建
这是项目名称(尽量不要写中文或者大写过长都不行)

project description (项目描述)
Author (作者)
1-1 Vue环境搭建
运行时加编译的过程直接回车

Install vue-router? (y/n) 是否安装路由(可自行安装,也可以直接回复Y)

1-1 Vue环境搭建
代码检查(开发过程可能需要安装,测试过程中最好不要安装)(严格模式。空格换行都必须严格,否则报错)
1-1 Vue环境搭建
给测试人员测试的测试模块,可不安装

至此,项目安装完成

项目启动

cd my-project (找到项目目录)

npm install (一键安装依赖)

npm run dev (项目启动)

项目启动后:可打开项目浏览地址:http://localhos:8080
1-1 Vue环境搭建
项目展示完成:
1-1 Vue环境搭建
该页面展示,说明项目启动成功。

相关文章: