vue脚手架工具--vue-cli安装与启动

责编:menVScode 2017-11-21 22:56 阅读(1023)

vue-cli 脚手架是 vue 提供的脚手架工具。vue-cli 脚手架工具的作用:

        1. 生成目录结构

        2. 本地开发调试

        3. 代码部署

        4. 热加载

        5. 单元测试

        vue-cli 脚手架官网:https://github.com/vuejs/vue-cli;安装条件是nodejs必须是4.0以上,npm版本必须是3.0以上。安装命令如下:

npm install -g vue-cli

        安装完成后,可用 vue -V 查看版本号,检测是否安装成功;若成功的话,会显示vue版本号(我的版本是2.9.1)。

        通过vue命令下载版本,官方提供了三种模板:官方模板(Official Templates),自定义模板(Custom Templates),本地模板(Local Templates)。

        通过命令:vue list 可查看官方提供的几种模板信息。

vue init <template-name> <project-name>

        使用官方模板

vue init webpack my-project

QQ截图20171121221447

        命令运行中设置完上述选项,就会生成 my-project 文件夹。然后 cd my-project 进入到my-project文件夹中, npm install 安装第三方包文件,内部涉及到很多的包,安装需要一定的过程及时间。


标签: vue-cli 脚手架 vue
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码