如果 不用vuecli的模板

1. 安装依赖：npm install 或者 cnpm install

2. 初始化：npm init -f 或者 cnpm init -f

3. 安装组件，并查看安装后的内容
   

安装依赖：npm i  /cnpm i

初始化：npm init -f/cnpm init -f

安装组件，并查看安装后的内容

cmd中查看文件内容命令

type index.js

初始化之后，会生成一个node_modules目录和一个package.json文件，安装vue-router 和eslint，，并在目录下生成对应的组件，同时组件版本会添加到package.json中。

本节内容主要是用cnpm 重新进行一次上节的操作

值得注意的是

-g：我们一般不用-g，-g用于安装到全局配置中，意思就是npm的主体中的node_modules的文件中，会通用到后面所有用npm配置的项目中；不建议这样操作，应该遵循一个项目一个配置，所以我们用-D用的比较多；

cnpm 与 npm 安装主要的区别就是node_modules文件出现的顺序不一样

cnpm：在cnpm环境搭建的时候 install 就会出现

npm：需要init初始化之后才会出现

总体不影响因为package和node_modules都是必须的所以最终都会有的

※还是跟上节一样最终还是建议用模板工具来创建，节约时间更严谨等等，但是手动安装必须要会要知道流程

手动搭建vue-cli环境

安装依赖：npm install 或者 cnpm install

初始化：npm init -f 或者 cnpm init -f，f参数为全部使用默认值，无人工干预

安装组件，并查看安装后内容

不使用vuecli创建项目的步骤

安装依赖 npm install

初始化 npm init -f

手动搭建：

npm init -f或者cnpm init -f；

DOS命令-type：查看文件内容；如查看package.json文件的内容：

type pa*

DOS命令：cd

cd后面的文件夹名称可以简写，如cd no*,但需要保证以no开头的只有一个文件夹，否则会出错