初学vue2 之 使用vue脚手架(vue-cli)搭建项目模板并打包

搭建项目

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: './', //修改后