vue.js的脚手架安装

一、安装vue.js

1. 下载node.js， 并安装。下载地址：https://nodejs.org/en/download/
   
2. 在cmd窗口中输入node -v, 若能出现版本号， 表名安装成功
   
3. Vue.js的安装。 使用npm安装，npm（Node Package Manager）是随同nodejs一起安装的包管理工具, 能解决nodejs代码部署上的许多问题

由于npm的服务器在国外，所以国内推荐使用淘宝的镜像来安装，命令是cnpm.
打开cmd命令框，输入npm install -g cnpm –registry=https://registry.npm.taobao.org即可。

安装完国内淘宝镜像后，便可以开始安装vue.js了。 在cmd命令框中输入cnpm install vue即可。

二、脚手架的安装

1. 安装vue-cli。在cmd命令窗口输入

cnpm install -g vue-cli

 
 

 
 
1

2. 在任意地方新建文件夹，例如VueTest。
   打开cmd窗口进入到该文件夹下，并输入vue list，便可以看到列出了所有可使用的模板。
   

输入vue，便可以看到命令描述。

输入vue init webpack test命令安装。安装选项选择自己需要的即可，其中ESLint为ES6的代码风格检查器， 这时看到安装完模板后给出了用法（绿框内），并且路径C:\Users\dell\VueTest多了一个test文件

3. 在cmd命令窗口中进入test文件夹。输入cd test。并安装依赖cnpm install。然后启动npm run dev。
   这时便可以在浏览器中输入http:<ip>:8080查看。
   
   

4. 项目文件描述
   1、2 webpack配置相关，比如在config中的index.js可以配置端口号，这里不做详细描述
   3 安装的依赖代码库
   4 项目中所有的源码在这里
   5 第三方静态资源
   6 通过这个文件将ES6编译成ES5的(有些浏览器不支持ES6)
   7 编辑器的相关配置
   8 忽略ES语法检查的目录文件
   9 eslintrc相关配置，比如debug配置
   10 git提交时忽略的文件目录
   11 关于CSS转换的文件
   12 项目入口文件
   13 项目依赖文件、配置文件
   14 项目描述文件