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/

  • 相关阅读:
    第二次冲刺个人工作总结06
    第二次冲刺个人工作总结05
    第十三周学习进度
    第二次冲刺工作总结04
    软件工程课堂作业——寻找水王2
    第二次冲刺个人工作总结03
    第二次冲刺周期个人工作总结02
    第二次冲刺个人工作总结01
    第二次冲刺会议
    git 的更新代码的取消
  • 原文地址:https://www.cnblogs.com/zyjzz/p/7072370.html
Copyright © 2011-2022 走看看