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文件