vue-cli构建vue项目

如果已经安装了node.js,则可以直接安装vue-cli;否则先安装node.js。

1.首先安装vue-cli:

npm i vue-cli

安装完了有如图所示:

这里写图片描述

2.创建项目
vue init webpack test
test是项目的名称

如果创建成功,会出现一问一答模式:
这里写图片描述

3.一问一答结束回车会生成项目目录结构
这里写图片描述

其他问答:
? Project name (exprice) ———————项目名称
? Project name exprice
? Project description (A Vue.js project) ———————项目描述
? Project description A Vue.js project
? Author Datura ——————— 项目创建者
? Author Datura
? Vue build (Use arrow keys)
? Vue build standalone
? Install vue-router? (Y/n) ——————— 是否安装Vue路由,也就是以后是spa(但页面应用需要的模块)
? Install vue-router? Yes
? Use ESLint to lint your code? (Y/n) n ———————是否启用eslint检测规则,这里个人建议选no
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? (Y/n)
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? (Y/n)
? Setup e2e tests with Nightwatch? Yes

进入test文件夹
这里写图片描述
4.进入项目目录,安装依赖
cd test
npm i

如果不安装依赖地话,启动项目后什么内容都没有
5.完了启动项目
npm run dev
这里写图片描述
接下来,每次改动test项目,在cmd都会实时得编译。并且页面不用刷新实时更新改变。

编译过程会在cmd显示:
这里写图片描述

猜你喜欢

转载自blog.csdn.net/e_li_na/article/details/80237208