要想用vue模块化开发

1.首先全局安装webpack

npm install webpack -g

2.全局安装vue脚手架

npm install -g @vue/cli-init

3.npm 更改为淘宝镜像的方法

1、命令行临时使用指定镜像（淘宝）

npm --registry https://registry.npm.taobao.org install express

2、命令行永久更改使用指定镜像（淘宝）

下面两种写法都行，是将npm的指令直接修改为国内镜像源，如果用着不爽，可以看下面配置成cnpm指令的方式。

npm config set registry https://registry.npm.taobao.org 
npm config set registry=http://registry.npm.taobao.org

# 配置后可通过下面方式来验证是否成功

npm config get registry

以后 

npm install express

默认使用指定（淘宝）镜像

3、使用淘宝 NPM 镜像（参考 http://www.runoob.com/nodejs/nodejs-npm.html）

命令行输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

这样就可以使用 cnpm 命令来安装模块了

 4.安装Yarn

yarn比npm更快更高效是Facebook发布的node.js包管理器

安装命令:

npm i yarn -g -verbose

yarn安装之后把淘宝镜像给安装下

yarn config set registry https://registry.npm.taobao.org

黑窗口初始化vue项目

npm来创建第三种方式的镜像

yarn和npm创建项目是一样的不同的是镜像不同yarn安装比较快

vue init webpack vue-name  #vue脚手架使用webpack模块化一个appnae项目
vue init webpack vue-name --offline #vue脚手架使用webpack模块化离线生成一个appnae项目

离线创建的使用

#前提步骤

按照网络上的提示，解决办法是改为离线创建，我们需要下载github仓库中的vue-templates/webpack，然后解压到本地。下载地址为：

https://github.com/vuejs-templates/webpack

下载之后，解压到本地用户目录下的.vue-templates目录下。

下载之后的压缩包为webpack-develop.zip，我们解压之后，需要更改目录名为webpack。用户目录下的目录为.vue-templates，注意文件夹名称前面的点(.)。

这样，我们再进行vue init webpack vuedemo命令的时候，需要带上参数--offline表示离线初始化。

如：

 成功

 yarn创建项目

首先环境都先整好

node.js直接下一步就行：

下载官网:Node.js (nodejs.org)

1.首先全局安装webpack

npm install webpack -g

2.全局安装vue脚手架

npm install -g @vue/cli-init

3.安装Yarn

yarn比npm更快更高效是Facebook发布的node.js包管理器

安装命令:

npm i yarn -g -verbose

yarn安装之后把淘宝镜像给安装下

yarn config set registry https://registry.npm.taobao.org

注意vue和Yarn都需要配置环境变量

生成项目:

生成之前把环境换成: 

npm config set chromedriver_cdnurl https://npm.taobao.org/mirrors/chromedriver

vue init webpack 项目名

安装依赖:

　#进入项目

　　cd 项目名

　　#安装依赖

　　yarn install

　　#安装完成之后启动

　　npm run dev

第二种方法使用vue/cli创建

vue create 项目名

可以先进入一个目录方便找到

cd D:

D盘创建一个cs的文件夹并进入

mkdir cs;

cd cs;

创建项目

vue  create项目名

 选着最后一个features自定义（空格选着，回车确定）

 选择插件

  选着vue版本

  步骤如下:

  创建完成

总结

一:vue安装脚手架

安装vue-cli

npm install vue-cli -g

安装淘宝镜像

npm install -g cnpm  --registry=https://registry.npm.taobao.org

安装Yarn

npm i yarn -g -verbose

切换淘宝镜像

yarn config set registry https://registry.npm.taobao.org

查看镜像

1.查看当前使用的镜像

npm config ls

2.如果是以下信息，则是国外的镜像

3、替换Taobao镜像

npm config set registry https://registry.npm.taobao.org

4、替换后再次查看当前使用的镜像

npm config ls

出现下面这个，说明替换成功