zoukankan      html  css  js  c++  java
  • 利用脚手架vue cli搭建vue项目

    vue.js

    https://vuejs.org/

    基础:

    http://cn.vuejs.org/v2/guide/installation.html

    1.安装需要利用npm包管理器,所以首先安装node.js 

    https://nodejs.org/en/download/  

    安装好后,打开cmd面板,输入 node -v  (v即 version ,查看node版本)

    npm是随nodeJs一起安装。所以输入 npm -v

    说明npm也已经好了。

     (安装nodejs后,里面的npm可能不是最新版本,要升级这个npm:

     安装最新版npm

     npm install npm  或npm install npm -g   // -g 代表全局, -d 本地
    

      

    )

    2.安装vue-cli

    npm install -g vue-cli

    若觉得这种方式慢,可利用国内镜像,所以先设置 cnpm:(参照 http://blog.csdn.net/wisewrong/article/details/55212684)

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

    使用 cnpm 安装 vue-cli

    cnpm install -g vue-cli

    安装完成后,查看是否安装成功可输入 vue -V (此时 V 大写,小写v 不识别此命令)

    3.在命令行中进入到项目目录,如 我的在D: odejs_workspacevue_test(注意是)

    输入命令

    vue init webpack-simple project-name

     

    vue-cli · Generated "project-vue".

    To get started:

    cd project-vue
    npm install
    npm run dev
    

      cd 到project-vue,用visual studio code编辑器打开,ctrl+· 打开终端,

    输入命令(npmm install  出错 ,暂记。所以用cnpm) 编译需要一定时间

    自动打开网页 http://localhost:8080/

  • 相关阅读:
    leetcode| Intersection of Two Arrays II
    Spring Boot起步依赖:定制starter
    SpringBoot自动配置的魔法是怎么实现的
    Dubbo中的IoC实现
    必须知道的String知识点
    Dubbo的SPI机制
    为什么要设置HTTP timeout?
    重构代码——简单工厂模式+模板方法模式
    计算机基础——位运算
    系统间HTTP调用代码封装
  • 原文地址:https://www.cnblogs.com/zyjzz/p/7072370.html
Copyright © 2011-2022 走看看