Vue-cli项目的创建

1.概述

vue-cli是一个vue开发项目的脚手架

2.安装

npm install -g @vue/cli 【-g全局安装】

觉得npm安装很慢的可以先安装一个cnpm，后续都使用cnpm进行安装

npm install cnpm -D

2.1npm参数

1.npm init [-y]

用来初始化项目，并生成一个package.json文件，该文件用来记录项目的一些基本配置信息，比如项目版本，项目依赖，等等。该命令有一个可选参数-y，其含义是在项目初始化时，采用系统默认的基本配置信息。如果没有此参数，在npm init命令执行过程中，会有一系列参数让用户即时输入。

2.npm install

用于安装当前项目的所有依赖，一般情况下，这里所说的所有依赖指的是package.json文件中所记录的依赖项。此命令一般用在当项目原码拷贝到其他机器时，需要下载第三方依赖，以运行项目时，帮我们快速下载好所有依赖项。

3.npm install pagckagename --save 或 -S

下载某个包，并把该包的信息记录到生产环境依赖中（dependencies）。需要注意的是**-S是大写的**，等价于小写开头的–save（这里可是2个-）。【即只在生产环境中不在开发环境中】

4.npm install pagckagename --save-dev 或 -D

下载某个包，并把该包的信息记录到开发环境依赖（devDependencies）。同样需要注意的是**-D是大写的**。【即只在开发环境中才用】

5.npm install pagckagename --global 或 -g

全局安装某个包。【不分环境】

6.npm -v

查看当前电脑上安装的npm版本号

7.npm view pagckagename version

查看远程仓储上某个package的正式版本的、最新的版本号。注意，这个版本不显示历史版本，也不显示非正式版，比如alpha版，beta版，都不会被当做最近版。

8.npm view pagckagename versions

查看远程仓储上某个package的所有历史版本。包括alpha版、beta版等等

3. 项目创建

vue create “项目名称”

3.1 目录结构

vue-cli 工程目录结构介绍 详细介绍

3.2 vue-cli 3不在有buiid文件
解决办法：输入 cd空格一下再输入当前项目的路径，回车进入然后输入npm run build，然后会自动创建一个dist文件