vue的安装即脚手架的搭建

Vue一款适合单页面开发的轻量级的构建用户页面的渐进性的前端框架

安装步骤如下：

① 安装node.js，百度官网：

https://nodejs.org/zh-cn/

尽量下载最稳定的版本。

② 安装完可以需要搭建环境变量，在cmd中输入node -v,查看是否安装完成，出现版本号则说明安装完成。

③ 安装cnmp，nmp是node安装自带的，用它来安装cnmp，可以使用镜像源进行快速安装。

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

④ 然后进行全局安装 vue-cli客户端， npm install vue-cli -g,通过cmd，vue -V查看是否安装完成

⑤ 接下来创建vue脚手架 :

vue init webpack vue_test

安装途中出现以下内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
? Project name vue_demo         # 项目名

? Project description vue学习    # 项目描述

? Author syz                    # 作者

? Vue build standalone          # 单页面所需要的配置

? Install vue-router? Yes

? Use ESLint to lint your code?  no  # 建议关闭语法检测

? Set up unit tests Yes   # 启动单元测试

? Pick a test runner jest

? Setup e2e tests with Nightwatch? Yes

? Should we run `npm install` for you after the project has been created? (recommended) yarn

解释下最后一个选择npm还是yarn，yarn的性能比npm块，弥补了npm的不足.但这里先试用npm

yarn和npm的命令比较：

nmp:

`npm

npm install

npm install react --save

npm uninstall react --save

npm install react --save-dev

npm update --save

yarn:

yarn

yarn and rect

yarn remove react

yarn add react --dev

yarn upgrade

⑥最后

To get started:

cd vue_demo

npm run dev

⑦启动脚手架：

最后出现如下画面说明搭建脚手架成功~

⑧vue打包工具安装：

命令行：

npm i webpack@3.10.0 vue vue-loader css-loader vue-template-compiler

打包命令：

npm run build