安装vue.js

最近开始做vue.js前端框架的项目，这里记录下vue.js安装的方法。

一、安装node.js

node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。光看这名称很容易混淆，不是js框架！不是js库！也不是js语言！可以把它看成是一个安装包资源管理器。

1、下载node.js

去官网下载：node.js官网下载地址

2、安装node.js

双击打开下载的安装文件，按照提示下一步安装，安装好了打开命令cmd，查看是否安装成功

其中npm是随同node.js一起安装的包管理工具，能解决node.js代码部署上的很多问题，常见的使用场景有以下几种：

• 允许用户从npm服务器下载别人编写的第三方包到本地使用。
• 允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用。
• 允许用户将自己编写的包或命令行程序上传到npm服务器供别人使用。

3、安装国内淘宝镜像cnpm

由于npm的地址是在国外，传输速度很慢，可以用淘宝提供的镜像文件下载工具cnpm

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

二、安装vue.js

1、安装vue.js

cnpm install -g @vue/cli

2、安装全局vue-cli脚手架

cnpm install -g vue-cli

3、检查是否安装成功

查看官网提供的模板

这6个模板中我们主要使用webpack模板，它的主要作用是：分析项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。

4、新建一个demo

vue init webpack vue-project

5、运行demo

如果不是新建项目，而是从别处挪移过来的项目，则要看项目下面有没有node_modules文件夹，若没有则需要到项目路径下安装依赖后再启动，要不然启动失败。

# 安装依赖
npm install

# 在 localhost:8080 启动项目
npm run dev

6、打包

npm run build

该命令执行成功之后，项目的目录下生成一个dist文件夹，该文件夹可以部署到服务器上了。