搭建vue 脚手架(vue-cli)

Posted 在水伊人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了搭建vue 脚手架(vue-cli)相关的知识,希望对你有一定的参考价值。

搭建vue-cli 脚手架构建工具

步骤:

首先:1、安装nodejs
    2.安装淘宝镜像 (npm install -g cnpm --registry= https://registry.npm.taobao.org)
    3、cnpm -v 若出现相应的版本号则说明镜像安装成功
    4、安装webpack(npm install webpack -g)
    5、webpack -v 检查是否安装成功
    6、安装vue-cli脚手架构建工具(npm install vue-cli -g)
    7、 vue -V(注意是大写的V若出现相应的版本号则说明安装成功)
    8、创建项目
        * vue init webpack projectName(项目名称)
        * cd projectName(进入项目)
        * cnpm install  安装依赖
        * cnpm install vue-router vue-resource --save
    9.cnpm run dev(启动)
    10、cnpm run build (等所有代码编辑完后执行,压缩静态文件)打包

以上是关于搭建vue 脚手架(vue-cli)的主要内容,如果未能解决你的问题,请参考以下文章

vue搭建vue-cli脚手架项目

使用vue-cli脚手架搭建项目,保存编译时出现的代码检查错误(ESLint)

脚手架(vue-cli)搭建之后的简单介绍

使用vue-cli(vue脚手架)快速搭建项目

vue 脚手架搭建

使用vue-cli 脚手架快速搭建单页面组件