Vue小记

Vue常用npm命令：

创建一个webpack项目：vue init webpack hello-vue或vue create 项目名
**安装router：**npm install vue-router --save-dev
安装element-ui：npm i element-ui -s
安装所有依赖：npm install
安装SASS加载器：cnpm install sass-loader node-sass --save-dev
启动测试：npm run dev或npm run serve
安装cli：npm install vue-cli -g

---

目录结构

node_modules：存放一些基本的依赖包，npm来的依赖一般放在这个位置
src：编程时主要针对的目录，包含assets（静态资源），components（组件资源），router（路由配置），views（视图_一般由我们自己生成）以及主执行文件App.vue以及主配置文件main.js
vue.config.js:配置文件。可以重新配置端口号以及配置跨域等。一般需要自己声明

常用核心文件

main.js:用于导入(import)依赖以及开启依赖
App.js:主文件，项目启动后的展示页面就是他
router/index.js:配置路由
其他组件文件：用于组成各种复用型组件