搭建vue 脚手架(vue-cli)

时间:2020-12-04 23:17:24

搭建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 (等所有代码编辑完后执行,压缩静态文件)打包