Vue.js
Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。
关于Vue的更多的详细介绍，还是移步Vue.js官方文档吧。
详细安装步骤如下：
1.安装node.js的Windows版本，https://nodejs.org/en/download/(点击下载node.js)
Node.js下载页面
以我的Windows版本，我选择下载的是64位版本的node.js
下载完成后，直接点击安装，按照windows一般应用程序，一路next就可以安装成功，建议不要安装在系统盘（如C：）
2.设置global和cache路径
说明：设置路径能够把通过npm安装的模块集中在一起，便于管理。
在nodejs的安装目录下，新建node_global和node_cache两个文件夹，作者的安装目录为“F:\Nodejs\”
新建两个文件夹
3.安装cnpm
说明：由于许多npm包都是在国外，我们这里用到淘宝的镜像服务器，来对我们依赖的module进行安装
安装命令为：
npm install -g cnpm --registry=https://registry.npm.taobao.org
命令行输入
4.设置系统环境变量
打开环境变量
设置环境变量
选择PATH，再点击·编辑·，在变量值的末尾添加;F:\Nodejs\node_global(要输入自己所安装的路径)
Paste_Image.png
4.用cnpm安装vue
命令行输入cnpm install vue -g
要在node_modules里输入
5.安装vue命令行工具
命令行输入cnpm install vue-cli -g
要在node_modules里输入
表示成功
6.创建工程
在你想要创建工程的目录下新建一个文件夹，我这里是F:\first_vue
在命令行内cd到你新建的文件夹目录下，
cd first_vue
然后输入vue init webpack +（你的新建的文件夹名）
vue init webpack first_vue
按指令依次输入即可：
因为author我填的是自己的姓名，所以就马赛克掉啦
新建成功
7.初始化后文件夹是
first_vue文件夹
网友评论