搭建项目
1. 使用 npm install -g vue-cli 全局安装vue脚手架
2.使用 vue init webpack vuename(项目名称) 初始化项目
可以一路回车或看情况进行配置
Project name 项目名称
Project description 项目描述
Author 作者
Install vue-router 是否安装vue路由
Use ESLint to lint your code? 是否使用ESLint (ESLint 是语法检查工具 极其严格 酌情选择y或n)
Set up unit tests 是否建立单元测试
Setup e2e tests with Nightwatch? e2e测试
初始化完成后会生成项目名称的文件夹
3.使用 cd vuename 进入生成的文件夹 并npm install(建议使用cnpm)
4.npm install成功后 npm run dev 运行项目
运行成功后访问localhost:8080便可访问啦
项目开发完成后,需要将项目打包放到服务器上
1.首先在config文件夹找到index.js 修改其中的assetsPublicPath
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
// assetsPublicPath: '/', // 原
assetsPublicPath: './', //修改后
2.在终端运行命令 npm run build
build完成后 会生成dist文件夹 dist的内容就是打包完成后的项目 直接放到服务器上即可