1 # 一、Vue 环境搭建
2 # 1.VsCode 编码插件：Vuter
3 # 2.Vue 脚手架安装
4 # 1).安装：npm install -g @vue/cli or yarn global add @vue/cli
5 # 2).创建项目：vue create my-project or vue ui
6 # 3).启动项目：npm run serve
7 # 4).访问项目：http://localhost:8080/
8 # 5).Ubuntu安装的时候有可能报错：“Please upgrade your Node version.”
9 sudo apt update -y
10 sudo apt install -y nodejs nodejs-legacy npm
11 sudo npm config set registry https://registry.npm.taobao.org
12 sudo n stable
13
14 # 二、脚手架的文件结构：
15 ├── node_modules # 脚手架依赖包
16 ├── public # HTML中的<%= BASE_URL %>就是该文件加的相对路劲
17 │ ├── favicon.ico # 页签图标
18 │ └── index.html # 主页面
19 └── src
20 ├── assets # 存放静态资源
21 ├── App.vue # 汇总所有组件
22 │ └── logo.png
23 ├── components # 存放组件
24 │ ├── School.vue
25 │ └── Student.vue
26 └── main.js
27 ├── .gitignore # git 代码上传时需忽略的文件
28 ├── babel.config.js # babel的配置文件
29 ├── package.json # 应用包配置文件
30 ├── package-lock.json # 应用包版本的控制文件
31 ├── README.md # 应用描述配置文件
32
33 # 三、关于不同版本的Vue：
34 # 1.vue.js与vue.runtime.xxx.js的区别
35 # .vue.js是完整板的Vue，包含：核心功能+模板解析器
36 # .vue.runtime.xxx.js是运行班的Vue，只包含：核心功能，没有模板解析器
37 # 2.因为vue.runtime.xxx.js没有模板解析器，所以不能使用template配置项，需要使用render函数接收到的createElement函数去指定其内容。
38 # 三、vue.config.js配置文件
39 # 使用"vue inspect > output.js"指令可以查看到Vue脚手架的默认配置
40 # 使用vue.config.js可以对脚手架进行个性化定制，详情见：https://cli.vuejs.org/zh/config/
