Vue学习01--node环境安装和vue搭建初始项目

VUE开发环境

VUE基于Node.js环境运行，使用NPM管理。

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 简单的说 Node.js 就是运行在服务端的 JavaScript。将当与我们的java。

NPM是随同NodeJS一起安装的包管理工具。我们可以从NPM服务器下载第三方包或者插件到本地使用。可以将自己写的包或插件上传到服务器上供其他人使用。可以通过NPM运行我们的项目。

新版的Node.js 已经集成了NPM，我们安装Node.js时相当于把NPM也一起安装好了。

Node.js地址：https://nodejs.org/en/download/

下载相应的版本，安装。可以在CMD窗口中通过”node -v”查看Node.js版本是否安装成功。同样可以通过输入 "npm -v" 来测试是否成功安装。

 

VUE项目搭建

1、独立版本

我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。

2、npm方法

使用NPM安装最新稳定版VUE，命令：npm install vue

注意：如果访问外网比较慢，可以使用淘宝的镜像 https://npm.taobao.org/来搭建VUW项目，命令终端：npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成之后就可以用cnpm 替代 npm：cnpm install vue

（1）安装全局vue-cli脚手架，命令：npm install -g vue-cli

(2)创建一个基于webpack模块的Vue项目,命令：vue init webpack tykj-manage

在安装过程中，可以根据需要选择配置。新手建议：路由router选择Yes，格式验证ESLint可以关闭选择No，其他根据需要。

 

VUE项目运行

1、使用命令行

进入项目，安装并运行：

命令：cd tykj-manage

命令：npm install

命令：npm run dev

DONE  Compiled successfully in 4388ms

> Listening at http://localhost:8080

 

成功执行以上命令后访问 http://localhost:8080/，输出结果如下所示：

 

 

2、使用软件运行项目

通过IDEA软件打开项目，之后通过右上角按钮进行配置

配置完成后，点击按钮启动

 

成功执行以上命令后访问 http://localhost:8080/。