1、首先查看本地nodejs和npm的版本:
node -v,
npm -v
2、安装更新:
npm install -g node
npm install -g npm
3、安装vue cli 3.0
npm install -g@vue/cli
4、cd到文件夹下
cd /Volumes/work
5、创建项目
vue create vue-test
‘vue-test’是项目名字,接下来选择预设,推荐第二种
6、启动项目
npm run serve
7、创建vue.config.js
如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置
module.exports = {
devServer: {
// host: 'localhost',
// port: 8080,
https: false,
hotOnly: true,
disableHostCheck: true,
// baseUrl: '/',
proxy: {
'/resourceApi': {
target: 'http://127.0.0.1:8082',
ws: true,// 如果要代理 websockets
// 将主机标头的原点更改为目标URL
changeOrigin: true,
// autoRewrite: true,
// cookieDomainRewrite: true,
pathRewrite: {
'^/resourceApi': ''
}
}
},
before: app => { }
},
configureWebpack: {
performance: {
hints: false
}
},
css: {
loaderOptions: {
// 给 sass-loader 传递选项
sass: {
// @/ 是 src/ 的别名
// 所以这里假设你有 `src/variables.scss` 这个文件
// data: `@import "@/variables.scss";`
}
}
}
}
网友评论