如何用vue-cli 搭建一个项目？

指路明灯 

---

环境准备

node -v @10.16.3

npm -v @6.11.3

cnpm -v  @6.1.1

vue -V    @3.8.2

全局安装淘宝镜像

npm install -g cnpm –registry=https://registry.npm.taobao.org

---

项目创建 

创建一个基于 webpack 模板的新项目: vue init webpack 项目名

安装依赖   cnpm i   项目文件夹中会多出一个目录：　node_modules

项目启动   npm run dev

 

---

vue项目目录讲解

build  构建脚本
webpack.base.conf.js   ==>  webpack基本配置；
webpack.dev.conf.js   ==>  webpack开发环境配置；
webpack.prod.conf.js   ==>  webpack生产环境配置；

config  配置文件

dev.env.js   ==>  开发环境变量；
prod.env.js   ==>  生产环境变量；
index.js   ==>  项目配置文件；

node_modules：npm 加载的项目依赖模块

src：开发目录

assets：资源目录，放置一些图片或者公共js、公共css。这里的资源会被webpack构建；
static：静态资源目录，如图片、字体等。不会被webpack构建
components：组件目录，我们写的组件就放在这个目录里面；
router：前端路由，我们需要配置的路由路径写在index.js里面；
App.vue：根组件；
main.js：入口js文件；

src 之外
index.html：首页入口文件，可以添加一些 meta 信息等
package.json：npm包配置文件，定义了项目的npm脚本，依赖包等信息
README.md：项目的说明文档，markdown 格式
其他 ：包括语法配置，git配置等