zoukankan      html  css  js  c++  java
  • Vue脚手架搭建

    Vue脚手架搭建

    1.准备环境
    • node.js
    • npm
    2.打开idea,新建项目Create New Project > Static Web > 填写project name 和选择保存的工作空间
    3.安装vue脚手架工具
    • 首先安装npm的淘宝镜像下载速度会比较快,打开idea的Terminal输入以下命令
    npm i -g cnpm --registry=https://registry.npm.tao.org
    • 等待下载完成之后,继续安装vue的脚手架工具,在Terminal内继续输入以下命令
    npm i -g vue-cli
    #测试安装是否成功:
    vue -V
    • 脚手架安装完成之后,初始化包结构,继续输入
    vue init webpack demo
    • demo为你前面新建的项目名。初始化会进行设置,也可不追加demo
    • 以下参考:

    • 初始化完成后在Terminal中输入以下黄色命令。

    • 完成后会提示在哪个端口可以访问,此处是8080端口。

    • 打开浏览器输入localhost:8080出现以下画面至此简单的demo就搭建完成了。





  • 相关阅读:
    0x05 排序
    bzoj3032: 七夕祭
    0x04 二分
    bzoj2783: [JLOI2012]树
    bzoj3192: [JLOI2013]删除物品
    bzj1106: [POI2007]立方体大作战tet
    POJ2299Ultra-QuickSort
    POJ3080Blue Jeans
    POJ3253Babelfish
    POJ1611The Suspects
  • 原文地址:https://www.cnblogs.com/agoodmanisme/p/8726e1d7abdf3f9bc764f2c946d4677c.html
Copyright © 2011-2022 走看看