Vue 项目搭建

一. 安装 Nodejs
略。
二. 安装 Vue 命令
npm install -g @vue/cli
三. 创建 Vue 项目
# 创建过程中选择 babel 可兼容更多浏览器
vue create webapp
四. 手动安装插件
cd webapp
# 安装 vue-router
npm install vue-router --save
# 安装 vuex
npm install vuex --save
# 安装 axios
npm install axios --save
五. 常用命令
# 运行 Vue 服务
npm run serve
# 编译源文件
npm run build
# 清除缓存
npm cache clean --force
六. 修改 Vue 配置
在 node_modules\@vue\cli-service\lib\options.js 文件中，找到如下选项：
# 修改编译目录
outputDir: dist
# 编译时不产生.map文件
productionSourceMap: false
# 修改启动端口
devServer: {}
七. 单一入口配置
# ngnix.conf
location / {
  try_files $uri /index.html;
}

最近更新 2yr ago