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/

  • 相关阅读:
    20175226 2018-2019-2 《Java程序设计》第二周学习总结
    存储管理-页面置换算法(页面淘汰算法)
    存储管理-存储组织
    进程管理-死锁问题
    操作系统-进程管理
    操作系统:进程管理、存储管理、文件管理、作业管理、设备管理
    第十一章 集合框架
    匿名内部类
    第10章 java常用类
    第8章 反射
  • 原文地址:https://www.cnblogs.com/zyjzz/p/7072370.html
Copyright © 2011-2022 走看看