Vue.js

1. Vue.js环境配置

1.1 Vue.js在Windows上的环境搭建.

参考链接：阿梅の博客

1.1.1安装Node.js.

Node.js官网
安装完后最好查看其版本号以确保安装成功

node -v

npm -v

1.1.2设置Node.js prefix（全局）和cache（缓存）路径.

在nodejs安装路径下，新建node_global和node_cache两个文件夹

设置缓存文件夹

npm config set cache "D:\nodejs\node_cache"

设置全局模块存放路径（设置成功后，用命令npm install XXX -g安装的模块就在D:\nodejs\node_global里）

npm config set prefix "D:\nodejs\node_global"

1.1.3设置环境变量.

说明：设置环境变量后可以在任意目录下使用cnpm、vue等命令，而不需要输入全路径。
右键"此电脑"->选择“属性”->在系统框右侧选择“高级系统设置”->弹出“系统属性”->“环境变量”

修改系统变量PATH

新增系统变量NODE_PATH

1.1.4基于 Node.js 安装cnpm（淘宝镜像）.

说明：npm是node官方的包管理器；cnpm是个中国版的npm，是淘宝定制的。
           npm安装插件是从国外服务器下载，受网络影响大，可能出现异常。
           npm与cnpm用法完全一致，只是在执行命令时将npm改为cnpm

1.1.4.1安装.

安装时若直接Error报错，用管理员身份打开cmd解决

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

安装完后最好查看其版本号以确保安装成功

cnpm -v

1.1.4.2报错解决.

若查看报错：cnpm不是内部或外部命令，也不是可运行的程序或批处理文件。

将node_global/node_modules文件夹中的cnpm文件夹复制到npm同目录下


将node_global文件夹中cnpm和cnpm.cmd复制到node.js目录下

1.1.5安装Vue.js.

1.1.5.1安装Vue.

npm install -g vue
或
cnpm install vue -g

1.1.5.2安装Vue-cli（命令行工具）.

npm install -g  @vue/cli 
或
cnpm install vue-cli -g

查看Vue版本确保安装成功（-V时V要大写）

vue --version
或
vue -V

1.1.6更新Vue.js.

参考来自: 渣渣林.
卸载原来的版本

npm uninstall vue-cli -g

安装新版本
(确保Node.js版本高于最低要求，Vue-cli 3需要 Node.js ≥ 8.9，官方推荐 8.11.0+)

cnpm install -g @vue/cli

1.1.7Vue.js项目创建.

1.1.7.1命令行创建.

通过命令行打开存放项目的文件夹

根据模版创建新项目

vue init webpack-simple 项目名称

安装工程依赖模块

cd 项目名称 //切换到项目文件夹下
cnpm install

运行项目（这种方式是用node.js来启动）

cnpm run dev

1.1.7.2UI创建(Vue3以上支持).

命令行直接输入

vue ui

跳转Bate Vue ui创建界面。