win10 vue环境安装

Posted 2021-02-21 caesar-the-great

step1: https://nodejs.org/en/ 安装nodejs
step2: 安装npm https://www.cnblogs.com/zhaomeizi/p/8483597.html 在命令行：cnpm install

npm（node package manager）：是一个基于 Node.js 的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）
cnpm：淘宝团队提供的一个完整 npmjs.org 镜像，也就是npm在国内的镜像，可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

npm作为包管理器来说相对来说比较好用，但是由于服务器不在国内所以有的时候速度会慢一点

step3: 安装vue相关： cnpm install vue -g      cnpm install vue-cli -g

step4: 启vue项目: npm run dev

修改vue.config.js里面的target改成localhost
// webpack-dev-server 相关配置
devServer: {
host: ‘0.0.0.0‘,
port: port,
proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: {
target: `http://localhost:8080`,
changeOrigin: true,
pathRewrite: {
[‘^‘ + process.env.VUE_APP_BASE_API]: ‘‘
}
}
},
disableHostCheck: true
},

ref: https://www.jianshu.com/p/fbd87ad45631