脚手架搭建流程

脚手架搭建流程

---

1-安装脚手架工具（全局）

npm install -g @vue/cli

2-查看Vue CLI安装版本

vue --version

3-创建新项目

vue create 项目名

4-生成项目内容：

1.public：公共静态资源，不参于编译、打包  （公共项目需要）
2.src：开发资源文件包
3..gitignore：上传git，忽略文件配置
4.babel.config.js banel配置文件
5.package.json 包配置文件
6.package-lock.json 版本锁定文件
7.App.vue 根组件
8.main.js 入口js文件
9.components 组件文件夹
10.src/assets 组件里需要的静态资源 参于编译、打包 
11.src/router 路由文件夹
12.src/views 模块文件夹

• 单文件组件：模板、样式、js在一个文件里面；
• 脚手架中.vue结尾文件是组件

4-运行开发环境

npm run serve 
//启动一个开发服务器 (基于 webpack-dev-server) 并附带开箱即用的模块热重载 (Hot-Module-Replacement)。

 // App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.17.131:8080/

5-安装路由器

npm install vue-router