安装Vue-cli之前我们先检查一下node的版本
node -v
需要node版本大于v4.0以上,对于现在安装的node来说并没有太大问题。
接下来我们来正式安装Vue-cli脚手架,在mac环境下,我们需要:
sudo npm install -g vue-cli
在windows环境下,我们需要直接可以:
npm install -g vue cli
如果安装成功,可以直接在控制台打出 vue 来检测是否完成安装。
接下来打印
vue list
会发现有一些vue支持的模板,我们主要需要用到webpack模板。直接打印出:
vue init webpack test //test为你自己新建项目的名称
会弹出询问
? Project name sell //项目名称
? Project description sell app //项目描述
? Author
? Vue build standalone
? Install vue-router? Yes //安装路由
? Use ESLint to lint your code? Yes //es6代码风格检测
? Pick an ESLint preset Standard
? Set up unit tests Yes //单元测试
? Pick a test runner jest //
? Setup e2e tests with Nightwatch? No //设置端测试(功能测试)
? Should we run `npm install` for you after the project has been created? (recommended) //项目创建完成后,我们是否应该为你运行`npm install`?
接下来打印:
npm install
等待一段时间之后,运行
npm run dev
如果出现 Your application is running here: http://localhost:8080 则代表已完成了Vue脚手架的安装.