zoukankan      html  css  js  c++  java
  • 如何搭建vue项目

    一、安装npm

     1.新版的nodejs已经集成了npm,所以安装node.js即可集成安装npm。node.js安装教程:node.js安装配置

      查看npm 版本:npm -v
     2.npm升级、替换

      升级 npm:npm install npm -g
      升级或安装 cnpm:npm install cnpm -g
      设置为淘宝镜像:npm config set registry http://registry.npm.taobao.org/
      切换回原来的镜像:npm config set registry https://registry.npmjs.org

    二、全局安装vue及vue-cli脚手架

      安装vue:npm install -g vue
      安装vue-cli脚手架:npm install --global vue-cli
      查看vue版本:vue -V

    三、搭建vue项目

     1.cd到项目目录
     2.执行命令,创建一个基于 webpack 模板的新项目,然后一路点回车,直到项目初始化完成:vue init webpack my-project
     3.执行命令,安装新项目:npm install
     4.执行命令,运行新项目:npm run dev
     5.修改vue项目端口号:找到项目config文件夹下的index.js,找到项目配置:port:8080,将端口号进行修改即可

    四、打包

       1.打包命令:npm run build
     若域名访问路径有目录前缀,形如:'http://localhost:8080/upin/#/silkbag/content'中的'upin',在config文件夹下的index.js文件下修改'build'对象下的'assetsPublicPath'属性为'./',形如下图:

      

  • 相关阅读:
    背景颜色的渐变设置--实现丰富多彩的背景效果
    CSS-sprit 雪碧图
    背景图片的相关设置
    关于阿里云图标的使用 iconfont
    HTML四种定位-粘滞定位
    HTML四种定位-固定定位
    HTML四种定位-绝对定位
    HTML四种常见的定位-相对定位
    水平居中
    CentOS8更换国内镜像源
  • 原文地址:https://www.cnblogs.com/chenyoumei/p/13098080.html
Copyright © 2011-2022 走看看