关于NodeJs与Vue启程这一篇就够了

关于NodeJs与Vue启程这一篇就够了

PluginsKers
2021-01-20 / 0 评论 / 423 阅读 / 正在检测是否收录...

0x01介绍

Node

这个很简单吧。只需要搜搜 NodeJs 下载安装即可。

Webpack

这也很简单吧,就用 npm 安装一下就可以了。

Vue.Js

由上面可以看出,这个也很简单的。也是通过 npm 进行安装。

好了感谢你的阅读,以上就是全部内容


0x02环境

Node.Js for Windows

Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时。
正如官方的subtitle所述,JavaScript语言本身是完善的函数式语言,在前端开发时,开发人员往往写得比较随意,让人感觉JavaScript就是个“玩具语言”。但是,在Node环境下,通过模块化的JavaScript代码,加上函数式编程,并且无需考虑浏览器兼容性问题,直接使用最新的ECMAScript 6标准,可以完全满足工程上的需求。

方案一

这个上面真的没在开玩笑,https://nodejs.org/zh-cn/ 这里是全部了。

当然,有另一个方案。

方案二

使用NVM安装或管理Node.Js版本。
https://github.com/coreybutler/nvm-windows/releases
这个是NVM的开源Release地址。
下载 nvm-setup.zip 进行安装NVM。

如何加快 NVM 和 NPM 的下载速度
NVM:
export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node
NPM:
npm install -g cnpm --registery=https://registery.npm.taobao.org
感谢淘宝!

安装完毕后:

进行查看Node.Js版本。

nvm list available

选择版本并安装。

nvm install [version]

确认使用指定版本的Node.Js

nvm use [version]

可能会用到的相关指令:
nvm list
列出本地已经安装好的版本。

Webpack

安装

很简单的一句话安装。

npm install --save-dev webpack

如果,你使用了cnpm加速的话,则将npm该为cnpm即可。

Vue.Js

安装

同时安装 vuevue-cli 这两个包。

npm install vue vue-cli -g

-g 表示这个包安装后可被全局使用

运行

创建一个基于 Webpack 模板的新项目。

vue init webpack my-project

安装依赖:

cd my-project
cnpm install

运行项目:
npm run dev

当你看到 Listening at http://loaclhost:8080 时,说明一切都准备就绪了。

9

评论 (0)

取消