• vue-cli脚手架快速搭建项目


    前言

    vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。

    准备工作

    在搭建一个vue项目之前,需要先安装好node.js和cnpm。

    虽然npm也是可以使用的,但是npm安装会比较慢,进而导致网络问题安装失败,所以推荐使用cnpm进行安装;(附上cnpm全局安装代码)

    npm install cnpm -g --registry=https://registry.npm.taobao.org

    这里还需要提一句,node版本需更新在6以上,否则安装过程会报错。

    开始搭建

    1)全局安装vue-cli;命令行执行cnpm install -g vue-cli;出现以下安装进程说明项目安装正常,可以正式创建项目了。

    2)vue-cli安装成功后,cd进入存放项目的文件夹下,如果是直接在预先准备好的文件夹下创建的,就可以省去cd这一步;然后执行vue init webpack,就会出现一些项目相关的信息需要选择配置,按需填写即可;

    信息配置完以后,文件夹下会生成文件目录,见下图:

    3)执行npm install,安装依赖;

    4)安装依赖成功,执行npm run dev启动项目;

    启动成功,浏览器打开localhost:8082就可以打开项目啦~

    到这一个简单的vue项目就搭建好了,可以根据自己的需求去构建页面和内容啦。

    最后的话

    总的来说,使用vue-cli搭建一个vue项目还是比较简单的,但是搭建的过程中,可能会遇见各种问题,所以看见报错不要慌,定位问题再去解决他就可以了。

  • 相关阅读:
    Legendary Items-微软2017实习生笔试第一题
    (转载)华为离职副总裁徐家骏:年薪千万的工作感悟
    【AtCoder Regular Contest 092】C.2D Plane 2N Points【匈牙利算法】
    poj 2236【并查集】
    poj 2431 【优先队列】
    poj 3280【区间dp】
    uva 10453 【回文串区间dp】
    uva 10739【基础(区间)dp】
    poj 2385【动态规划】
    poj 2229 【完全背包dp】【递推dp】
  • 原文地址:https://www.cnblogs.com/candy-xia/p/11561528.html
Copyright © 2020-2023  润新知