如果已经安装了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显示: