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'属性为'./',形如下图:

      

  • 相关阅读:
    PHPStrom 转 VSCode 折腾记录
    vscode php 代码提示 自动完成
    Elasticsearch中文分词加拼音
    AutoMapper用法
    删除所有退出状态的容器
    Linux 安装Docker
    千里眼的修练方法--末法时代即将结束
    Visual NMP
    c#通过反射获取类上的自定义特性
    微信小程序学习笔记
  • 原文地址:https://www.cnblogs.com/chenyoumei/p/13098080.html
Copyright © 2011-2022 走看看