美文网首页Vue
vue项目环境配置

vue项目环境配置

作者: xlayzheng | 来源:发表于2018-01-08 16:07 被阅读25次
    • 安装node.js

    • webpack

    • 安装vue-cli npm install -g vue-cli

    • 创建vue项目 vue init webpack 项目名

    • Install vue-router(Y/n) 选择Y-----------其他的都是n

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

      image.png
      • build : 配置了webpack的基本配置,开发环境配置,生产环境配置
      • config :配置了路径端口值等
      • node-modules :安装的依赖模块
      • src : 放置组件和入口文件
      • static : 放置静态资源
      • index : 整个项目的入口
      • README.md : 接口说明文档
    • 按需安装项目所需的依赖

    • 项目运行 npm run dev

    • 项目打包部署npm run build
      注意!!!打包前先在webpack.prod.conf.js 文件的output中添加参数publicPath : ' ./ '

    相关文章

      网友评论

        本文标题:vue项目环境配置

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