在公司 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
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-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 目录
使用命令行运行项目
npm install
npm run dev
正常的话,控制台载入 vue 或者说 nodejs 环境,酿成这样
Windows 安置 Vue
标签:
原文地点:https://www.cnblogs.com/cinlap/p/8878071.html