node.js/npm

vue create 是vue-cli3.x的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目，与cue-cli2项目结构不同，配置方法不同，具体配置方法参考官方文档网页链接。vue init 是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目，webpack是官方推荐的标准模板名。vue-cli2.x项目向3.x迁移只需要把static目录复制到public目录下，老项目的src目录覆盖3.x的src目录(如果修改了配置，可以查看文档，用cli3的方法进行配置)

1. 安装Node.JS

1. 官网下载nodejs环境 http://nodejs.cn/download/ , 傻瓜式安装.
2. 安装完成后win + r --> cmd打开命令行工具,执行node -v npm -v命令检查版本, 查看是否安装成功.
3. 将npm的下载源切换到淘宝 npm config set registry https://registry.npm.taobao.org.
   

2. 安装Vue-CLI

1. 命令行执行 npm install -g @vue/cli, 全局安装Vue脚手架.
2. 执行结束后, Vue -V查看版本, 安装是否成功.
3. vue ui命令打开Vue -CLI图形化界面, 在这里也可以进行项目的创建与项目导入. 

3. 安装cli-init

1. 执行npm install -g @vue/cli-init.
2. 运行 vue init需要安装全局插件.
3. 

4. 创建项目

1. 执行 vue init webpack projectName, 创建一个基于webpack模板的新项目.
   
2. 项目创建完成, cd ddx-test 进入项目目录, npm run dev 编译项目.

3. 项目运行在 http://localhost:8080. 

5.常用指令

5.1 设置npm的默认路径

a.首先新建2个文件夹：

"D:\nodejs\node_global"、"D:\nodejs\node_cache"

b.然后设置路径：

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
通过npm config ls -l 查看配置。

c.配置系统变量

在path最后加上";D:\nodejs\node_global"。【如果不加，后面配置完淘宝镜像后，会出现“cnpm 不是内部或外部命令”的错误！】

5.2、淘宝镜像配置

52.1 配置淘宝镜像

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