控制台载入 vue 或者说 nodejs 环境

时间:2022-04-01 02:50:48

在公司 linux 环境下安置不顺利,回家在 windows 下操纵觉得到一种幸福

nginx

先安置了 nginx,其实跟 vue 不妨,只是筹算用它做 web 处事,此处略过 nginx 的安置和配置

下载 nodejs

说实话,到而今我并没有彻底弄懂 nodejs 与 vuejs 的关系,这篇问答vue.js是什么?为什么要在nodejs中安置?让我有了一个初阶的观点,应该是对 node.js 太过陌生所以无法认识到它们的关系,那就从实际入手吧,到 node.js 去下载,最简单就是下载 msi 格局的安置文件然后什么都不用费神,这也是 windows 的伟大之处!

检察和验证

使用命令检察 node.js 和 npm 的版本

node -v
npm -v

用 cnpm 取代 npm

npm 在墙外,用淘宝的取代,提高响应速度,淘宝cnpm网址

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

正式安置 vue

按照描述,vue 是归属于 npm 可打点的一个 lib,使用命令行安置它

npm install -g vue-cli

需要期待一会儿,npm 才华完成事情,稍等...vue-cli 会被安置在与 cnpm 同一目录下

控制台载入 vue 或者说 nodejs 环境

构建项目

将 vue-cli 目录整个复制到项目目录,运行命令构建项目

vue init webpack [项目文件夹名称]

在运行时,控制台会有提问法式,注意用键盘选择和反馈,因为控制台已经在运行项目中无法截取其时的截图。按照实际运行效果,形成了这样的目录布局:假设 d:\wwwroot\vue 是项目目录,,将 vue-cli 复制到 vue 下并运行命令行,在控制台提问输入 Project Name 时,输入的内容将被作为目录名在 vue-cli 的不异目录下被创建目录,即 d:\wwwroot\vue 下而今有了两个文件夹,vue-cli 和 project name。图中,html 下的 vue 是我开始筹算的项目目录,但在输入 Project Name 为 vue 后,又创建了一个 vue 目录

控制台载入 vue 或者说 nodejs 环境

运行项目

使用命令行运行项目

npm install
npm run dev

正常的话,控制台载入 vue 或者说 nodejs 环境,酿成这样

控制台载入 vue 或者说 nodejs 环境


控制台载入 vue 或者说 nodejs 环境

Windows 安置 Vue

标签:

原文地点:https://www.cnblogs.com/cinlap/p/8878071.html