从零开始搭建vue.js

第一步、先安装node.js

第二步、安装vue.js

使用NPM安装

NPM: NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题

由于 NPM 安装速度慢（服务器在国外），这里使用淘宝的镜像及其命令 cnpm

安装淘宝的镜像：

打开cmd命令框，输入

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

在命令框输入

cnpm install vue

好了，vue.js安装完毕

安装脚手架

Vue-cli安装

在cmd命令框输入

cnpm install -g vue-cli

搭建测试

进入你项目的目录
输入vue list可以看到列出了可以使用的模板

image.png

输入vue 可以查看命令帮助

我们init命令安装

vue init webpack test // 这里的文件夹的名称是test

image.png

安装选项选择自己需要的即可，其中ESLint为ES6的代码风格检查器，

cd test  

cnpm install 

npm run dev

image.png

项目文件描述

打开项目文件夹，可以发现比之前多出来一个node_modules，点开发现是之前安装的依赖文件，那么其他文件夹都代表着什么？存放着什么呢？

image.png

build config 都是 webpack 配置相关
mode_modules 是 npm install 安装的依赖库
src 是项目源码存放
static 是第三方文件