1.安装环境
cnpm install --global vue-cli
测试是否安装成功
注意大小写区分
出现版本号即搭建环境成功了
2.新建小项目
进去你要存放的路径打开终端cmd
vue init webpack element-test
vue init webpack +项目名,我这里用element-test为例
解释说明:
Vue build ==> 打包方式,回车即可;
Install vue-router ==> 是否要安装 vue-router,项目中肯定要使用到 所以Y 回车;
Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车;
Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车;
Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车;
使用到的下载工具,我这里以npm为例
等待安装vue项目即创建了vue框架项目:
测试vue框架项目是否搭建成功
打开cmd控制台
1.打开项目所在位置的文件夹
2.运行cnpm start
打开相应的local host网址看看是否搭建项目成功
结果项目构建成功