1.新建、运行

vue create vue-ebooks

npm run serve

2.打包文件

npm run build

双击打开 dist/index.html会发现资源加载失败

Screen Shot 2019-05-16 at 8.12.45 AM.png

根目录新建vue cli(v3.3)配置文件 vue.config.js ，配置开发和发布的资源路径

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? './'
    : '/'
}

https://cli.vuejs.org/config/#publicpath

3.支持sass

cnpm i --save-dev node-sass sass-loader

解决vue不是内部或外部命令的问题
今天想使用vue-cli脚手架搭建一个项目练手，按照这个步骤Vue学习笔记之vue-cli来的，结果在运行vue ...
【vue 学习笔记02】vue-cli搭建平台
1.新建、运行 2.打包文件双击打开 dist/index.html会发现资源加载失败根目录新建vue cli...
Vue-cli构建流程
Vue-cli构建流程学习vue时，总觉得vue-cli搭建很复杂，其实也不过如此，使用别人搭建好的包在打包时总...
【VUE】安装搭建项目vue-cli
使用 vue-cli 脚手架搭建项目：vue-cli是官方发布的 vue.js 项目脚手架，快速搭建 vue 项目...
vue 常见命令 (启动部署)
项目搭建安装vue-cli npl install vue-cli -g vue init webpack my...
2. 脚手架解构 | 网站搭建学习笔记
上一篇脚手架搭建 | 网站搭建学习笔记中通过yeoman和vue-cli搭建了一个脚手架，脚手架的好处是自动构...
vue-cli生成的webpack配置解析-build/dev-
我们在使用vue-cli搭建vuejs项目(Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目)的时...
Vue(一)vue-cli搭建Vue项目
vue项目搭建 vue项目快速搭建工具——vue-cli vue-cli是基于node环境的一个命令行工具。也就是...
Vue学习笔记进阶篇——vue-cli安装及介绍
本文为转载，原文：Vue学习笔记进阶篇——vue-cli安装及介绍介绍 Vue-cli是Vue的脚手架工具主要...
使用Vue-cli搭建项目教程
使用 vue-cli 搭建项目 vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可...