如果不用vuecli的模板, 则可执行以下指令:

1) 安装依赖: npm install或cnpm install.

此步执行后, 文件夹内会自动创建一个package-lock.json的文件, 记录各种包的引入时间/版本号等信息.

2) npm init -f或cnpm init -f

注: 此处的-f, 意思是按照默认选项进行安装. 和npm init执行命令后, 一路回车下去一样.

执行此步之后, package.json和node_modules文件夹会被创建出来.

3) npm install vue-router等各种手动的安装各种包.

这步和此前(单独安装或卸载某一组件(如eslint))中所讲的内容一样, 不过是细节展开. (相比不使用vuecli)在项目开始创建时, 用此步骤不但工作量大, 也容易出错.

但在项目开发中, 安装或卸载新的组件包时, 倒是可以用这一步实现.

npm init -f

npm i eslint -D

type package.json

npm i vue-router -D

手工安装cli3

创建文件夹 md project

进入文件夹 cd project

npm install 安装依赖

 npm init -f 初始化

-f 表示不用人工干预，最后根据自己需要安装包。control+c退出，再次输入npm init -f

npm i vue-router --D  安装router，会出现module文件夹

npm i eslint -D 安装eslint

type pa*

npm i eslint -D 安装到开发环境，安装的配置也会写入到 package,json 文件中

npm i vue-router -D 安装到开发环境

手动创建项目

首先执行 npm install 安装依赖，在执行 npm init -f 初始化，-f 表示不用人工干预。最后根据自己需要安装包。

npm初始化之后，

手动安装 vue-router

npm install vue-router -D

如果不用vuecli的模板，创建项目的流程

安装依赖：npm install 或 cnpm install

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

查看文件内容：type pa* 

不使用vue-cli的模板（webpage）安装组件

• 安装依赖：npm install 或者cnpm install 

• 初始化：npm init -f 或者cnpm install -f

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

流程如下

先在切换到D盘创建kkk文件夹

d:\>md kk

访问其中然后安装npm环境npm install

初始化kkk需要用到npm init -f（-f 的意思是自动创建配置环境，不需要人工干预，跳过项目的配置信息）

※package.json vue-cli中最重要的配置文件，所有的配置和依赖都在里面，安装的插件和版本号都会显示

接下来是手动安装 vue-router（路由跳转的工具，必装）

npm i vue-router -D（意思是开发环境和运行环境都需要安装）

查看文件的cmd语法

type pa*(*代表模糊查询，打开所有含有字母pa的文件)

type package.json（打开访问package.json文件）

接下来安装eslint（语法规范工具）

npm install eslint -D

综上所述：如果不适用模板安装就会很麻烦，容易遗漏需要安装的插件，所以建议开发过程中用合适的模板创建项目，卸载可以一个一个卸载

用模板的语法为：

vue init webpack projectName

手动搭建vue-cli环境：

1. 安装依赖：npm install 或者 cnpm install (npm是node.js，cnpm：淘宝镜像)

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

3. 安装组件

cli3在不用webpack方式创建文件

npm install -> package-lock.json

npm init -f -> package.json

npm i vue-router -D -> node-modules

-D 相当于--save--dev和起来一起的

npm install -> package-lock.json

npm init -f -> package.json

npm i vue-router -D -> node-modules

-D 相当于--save--dev和起来一起的

不用vuecli模板

安装依赖：cnpm install

初始化：cnpm init -f ，其中-f为使用默认设置

cnpm i vue-router -D ，D要大写，表示：--save-dev

-D 等于 --save-dev

在不用vuecli的模板时

安装vue-cli3

type pa* :可以查看到以pa开头的文件夹；

type package.json:查看package.json文件里的内容；

如下：

npm install vue-router --save-dev 等同于 npm install vue-router -D

-D 等于 --save-dev

npm init -f 不用人工干预的初始化

不用cli搭建