前端之--Vue学习笔记1

Vue环境：

1.安装npm
        npm全称Node Package Manager,是一个基于Node.js的包管理器，也是Node.js社区最流行、支持的第三方模块最多的包管理器
npm -v

2.由于网络原因安装cnpm
       npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装vue-cli
       cnpm install -g @vue/cli

4.安装webpack
       cnpm install -g webpack
       webpack 是JavaScript打包器（module bundle）

关于vue项目：

一.  vue ui --启动vue的图形化管理界面【图形化界面打开之前得确认安装vue-cli】

Create创建项目，修改文件路径及文件名，包管理器选npm，Next，选择默认设置，点击创建。。。等待完成

二. 导入项目：文件目录

node_modules：存放npm命令下载的开发环境和生产环境的依赖包

dist：默认 npm run build 命令打包生成的静态资源文件，用于生产部署

public：项目配置文件

        index.html： 项目默认首页模板文件 

src：项目源码

    assets：静态资源

     components：整个项目的组件目录

     App.vue：项目最原始的根组件

    main.js：项目入口文件

pageage.json ：项目第三方依赖包

package-lock.json ： package的锁文件

三. 相关命令

npm install   安装更新包

npm run serve  启动项目

npm run build 打包