利用 vue 脚手架开发企业级应用
# 全局安装 vue-cli
npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
vue init webpack my-project
# 安装依赖,走你
cd my-project
npm install
npm run start
1,构建一个vue项目(基于webpack)(用vue-cli工具)
2,webpack的相关文件名字更改了
3,出口路径文件
4,入口文件main.js的理解
5,main.js引入了App.vue组件,及其组件内容解析
6,路由文件index.js,根据映射路径映射到helloworld.vue
7,如下图
8,style中scope表示该样式只在这个组件有效(局部),App.vue不加表示全局生效
9,在config的index.js中修改(自启动选项),之后启动项目就会自动开启浏览器
10,模块化工程的概况(index.html单页面主页,app.vue根组件)
好文链接:https://www.cnblogs.com/webXiaoAYang/p/10621223.html