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

  

原文地址:https://www.cnblogs.com/chenyoumei/p/13098080.html