Vue-cli安装

安装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脚手架的安装.

你可能感兴趣的:(Vue-cli安装)