一文搞定node.js和Vue脚手架的介绍以及安装

node.js的介绍以及安装

node.js的介绍

node.js提供了前端程序的运行环境，可以把node.js理解成是运行前端程序的服务器。

node.js的安装

从官网下载安装即可：
	http://nodejs.cn/download/

不要勾选这个,否则会下载很多东西

node -v 是 查看node的版本

npm -v 是 查看npm版本

npm是安装工具的工具包,类似于Linux中yum,Linux中安装软件 yum install ,node中安装软件使用npm install

设置npm源 , 配置镜像后,下载资源就会很快.

npm config set registry https://registry.npmmirror.com

12.3 使用node.js 安装 vue-cli

(管理员权限)使用如下命令安装vue-cli

npm install @vue/cli -g

# 如果出错,可以卸载,重新执行上一步安装
npm uninstall @vue/cli -g

• npm： 使用node.js的命令
• install： 安装
• @vue/cli： 要安装的vue-cli
• -g： 全局安装

更多操作当出现以下界面，表示正在安装：

安装vue-cli检测

12.4 使用vue-cli命令创建项目

进入工作空间,执行命令创建

• vue create 项目名

注意bug: 创建项目时如果出现报错,提示no permitted 即没有权限在此处创建项目,这个是因为磁盘权限不够,需要修改硬盘权限

选择具体features

选择vue版本

一般选择第一项，为的是将文件分离打包

是否将此操作存储为模板，本例选择n,选择为y就会在下次创建时使用

创建完毕

运行项目

12.5 使用图形界面方式创建

打开命令行,输入vue ui

会自动打开浏览器,弹出页面

创建项目

选择插件

选择版本

开始创建

创建成功后,跳转控制面板页面

启动项目& 关闭

-1720716351260)]

开始创建

[外链图片转存中…(img-9MVIzHMn-1720716351260)]

创建成功后,跳转控制面板页面

[外链图片转存中…(img-vpbcwNUm-1720716351261)]

启动项目& 关闭