vue/cli快速搭建

vue-cli安装
npm install vue-cli -g
vue-cli的版本查看
vue -V
vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的
npm install @vue/cli -g
（如果原来已经安装了vue-cli的话需要先卸载原来的安装 npm uninstall vue-cli -g）

1.全局安装 @vue/cli

2.安装成功后

3.新建一个文件夹

4.vue create 创建文件夹

代码

vue create <Project Name> //文件名 不支持驼峰（含大写字母）

这里试了一下有大写字母 确实不行

改为了小写

大概是喊我装淘宝镜像？？？没用过所以用 n

5.这里我选的default（enter回车）

default（babel，eslint）：默认设置（直接enter）非常适合快速创建一个新项目的原型，没有带任何辅助功能的 npm包

然后。。。有点久emmmmmmm

最后（好像好了）

5.打开文件目录是这样

6.打开package.json

7.运行 npm run serve

然后


8.新建与package.json 同级的配置文件

vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。

====================================================================

npm i vue-router

npm install less less-loader --save-dev

生产依赖：dependencies
应用依赖，或者叫做业务依赖，这是我们最常用的依赖包管理对象！它用于指定应用依赖的外部包，这些依赖是应用发布后正常执行时所需要的，但不包含测试时或者本地打包时所使用的包。

安装命令

npm install package-name --save
或
npm install package-name -S

开发依赖：devDependencies
开发环境依赖，仅次于dependencies的使用频率！它的对象定义和dependencies一样，只不过它里面的包只用于开发环境，不用于生产环境，这些包通常是单元测试或者打包工具等，例如gulp,
grunt, webpack, moca, coffee等
安装命令：
npm install package-name --save-dev
或
npm install package-name -D

安装成功后写less文件会直接转换成css文件

main.js内导入样式 就可以全局使用了

开发依赖：devDependencies
(开发环境依赖，仅次于dependencies的使用频率！它的对象定义和dependencies一样，只不过它里面的包只用于开发环境，不用于生产环境，这些包通常是单元测试或者打包工具等，例如gulp, grunt, webpack, moca, coffee等)
安装命令：
npm install package-name --save-dev 或 npm install package-name -D
生产依赖：dependencies
(应用依赖，或者叫做业务依赖，这是我们最常用的依赖包管理对象！它用于指定应用依赖的外部包，这些依赖是应用发布后正常执行时所需要的，但不包含测试时或者本地打包时所使用的包。）
安装命令 ：
npm install package-name --save 或 npm install package-name -S

组件库