# vue-cli

**Repository Path**: neal_zero/vue-cli

## Basic Information

- **Project Name**: vue-cli
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-10-08
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 安装node.js 官网下载
### 安装淘宝npm镜像cnpm:>npm install -g cnpm --registry=https://registry.npm.taobao.org


# 开始vuecli
## 1.安装vuecli 
    cnpm install -g @vue/cli 
## 2.创建项目
    2.1 vue create my-project 
    2.2 选择手动配置
        2.2.1 选择babel，css,esline 等配置信息
        2.2.2 选择router选择是
        2.2.3 选择css前置等
    2.3 配置完成后生的文件夹
        2.3.1 node_moudules 当前依赖的包
        2.3.2 public 是webpack不会处理的文件夹存放一些静态文件
        2.3.3 src->assets 存放静态文件但是后期webpack会压缩处理的
        2.3.4 src->components 一些小型的组件，评论查询等组件
        2.3.5 src->router 存放的是路由js文件
        2.3.6 src->views 存放的是页面级别的组件
        2.3.7 src->store vuex使用存放共享数据的
        2.3.8 app.vue 根组件
        2.3.9 main.js 入口文件
## 3.开发项目
    3.1 删除项目自带的文件，只保留文件夹结构，和node_modules内的内容
    3.2 在public下面先建立index.html
    3.3 在src下面建立根组件App.vue
    3.4 在src下面建立main.js做为入口文件使用render:c=>c(App)来建立根组件和Index.html的关系