美文网首页
新手搭建 vue 项目

新手搭建 vue 项目

作者: 逃之夭夭li | 来源:发表于2019-01-18 14:43 被阅读0次

    使用 vue-cli 脚手架搭建,

    1:确保电脑已经安装 node,运行环境

    未安装 “http://nodejs.cn/download/”按步骤安装

    2:全局安装  vue-cli

    $ npm install -g vue-cli

    mingling

    3:创建一个基于 webpack 模板的新项目

         project 文件名

    mingling

    4:安装依赖

    cd project

    npm install 会出现 一个 node_modules文件夹 (依赖)

    5:运行项目 npm run dev

    输入 http://localhost:8081 打开

    6:有时候会地址会这样 http://localhost:8081/#/ 如果想去掉 #

    在router 文件中,添加 mode:‘history’

    7:如果想自动打开浏览器

    找到config 下的index.js 添加 autoOpenBrowser: true,如果有,则将false改为true

    相关文章

      网友评论

          本文标题:新手搭建 vue 项目

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