美文网首页让前端飞
Vue学习笔记(一) 创建Vue项目

Vue学习笔记(一) 创建Vue项目

作者: 莫问夕阳 | 来源:发表于2017-06-14 12:58 被阅读0次

    1.安装淘宝镜像

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

    2.安装webpack:

    cnpm install webpack -g

    3.安装vue脚手架

    npm install vue-cli -g

    4.创建项目

    先进入要创建项目的位置比如D:vue,再创建vue项目(vue_test)
    d:
    cd vue
    vue init webpack vue_test

    输入项目初始化信息

    • Project name: 项目名称(vue_test)
    • Project description: 项目描述信息,也可以回车默认项目描述信息(a vue test)
    • Author: 作者名称(zoro)
    • 出现bulid提示信息后,再次点击回车
    • install vue-router: 是否选择vue路由模块(y)
    • use ESLint to lint your code:是否把检查语法规范的功能加进webpack编译的流程里(n)
    • Setup unit tests with Karma + Mocha:是否需要单元测试(n)
    • Setup e2e tests with Nightwatch:是否安装e2e来进行用户行为模拟测试(n)

    5.进入工程目录

    cd vue_test

    6.安装依赖

    npm install

    7.安装 vue 网络请求模块

    cnpm install vue-resource --save

    8.启动项目

    npm run dev

    9.项目截图

    Vue首页.png

    相关文章

      网友评论

        本文标题:Vue学习笔记(一) 创建Vue项目

        本文链接:https://www.haomeiwen.com/subject/pjidqxtx.html