Aspnet Mvc 前后端分离项目手记（四）vue项目的搭建（一）(iview)

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

一项目创建

1，搭建vue-cli脚手架（依赖npm）

没有安装npm的同学，请先使用npm install -g vue-cli ，然后再进行这一步

安装的过程中有几项

? Project name p1 //项目名
? Project description 1 //描述
? Author jimsfriend //作者
? Vue build standalone
? Install vue-router? Yes //是否使用路由（请选择Yes）
? Use ESLint to lint your code? No //这里是是否使用严格模式，一定要选否，不要问我为什么，严格模式很痛苦！
? Set up unit tests No //这里随便
? Setup e2e tests with Nightwatch? No //这里随便

然后就是下载依赖包，得等会儿

二项目结构

1，build:webpack配置文件，可以不用动

2，config,配置文件

dev.env.js看名字叫生产环境.js，没啥重要的用途，可以不用关注

、

这个也是

比较重要的是config/index.js文件

var path = require('path')module.exports = {
build: { // production 环境
env: require('./prod.env'), // 使用 config/prod.env.js 中定义的编译环境
index: path.resolve(__dirname, '../dist/index.html'), // 编译输入的 index.html 文件
assetsRoot: path.resolve(__dirname, '../dist'), // 编译输出的静态资源路径
assetsSubDirectory: 'static', // 编译输出的二级目录
assetsPublicPath: '/', // 编译发布的根目录，可配置为资源服务器域名或 CDN 域名
productionSourceMap: true, // 是否开启 cssSourceMap
// Gzip off by default as many popular static hosts such as
// Surge or Netlify already gzip all static assets for you.
// Before setting to `true`, make sure to:
// npm install --save-dev compression-webpack-plugin
productionGzip: false, // 是否开启 gzip
productionGzipExtensions: ['js', 'css'] // 需要使用 gzip 压缩的文件扩展名
},
dev: { // dev 环境
env: require('./dev.env'), // 使用 config/dev.env.js 中定义的编译环境
port: 8080, // 运行测试页面的端口
assetsSubDirectory: 'static', // 编译输出的二级目录
assetsPublicPath: '/', // 编译发布的根目录，可配置为资源服务器域名或 CDN 域名
proxyTable: {}, // 需要 proxyTable 代理的接口（可跨域）
// CSS Sourcemaps off by default because relative paths are "buggy"
// with this option, according to the CSS-Loader README
// (https://github.com/webpack/css-loader#sourcemaps)
// In our experience, they generally work as expected,
// just be aware of this issue when enabling this option.
cssSourceMap: false // 是否开启 cssSourceMap
}
}