node.js
下载链接
Node.js (nodejs.org) 官方链接
百度网盘 这是我自己使用的版本,版本号为 v16.13.0
提取码:npef
安装
打开下载的安装包
这里以v16.13.0为例
1.点击next
2.勾选同一之后,选择next下一步
3.更改你想安装的路径,之后点击next
4.next
5.依旧next
6.点击Install
7.等待安装完成
8.点击Finish结束安装
9.cmd终端输入
node -v
得到结果
输入
npm -v
得到结果
输出版本号则node安装成功
在安装目录下创建全局安装目录和缓存日志目录
创建名为 node_cache 的缓存日志目录
创建名为 node_global 的全局安装目录
在cmd终端执行
npm config set cache "你的安装目录\node_cache"
npm config set prefix "你的安装目录\node_global"
将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。
继续在终端执行
npm config list
查看是否修改成功
配置环境变量
1.点击设置 ==> 系统 ==> 系统信息
2. 点击高级系统设置
3.点击环境变量
4.选中用户变量中的path,点击编辑
5.选中C:\Users\13737\AppData\Roaming\npm修改为 "你的安装目录\node_global"
之后点击确定,咱们开始下一步
6. 选择 系统变量 ==>新建
变量名为 NODE_PATH
变量值为 “你的global路径 \node_modules”
之后点击确定
7.系统变量 ==>Path 选择编辑
点击新建,添加 %NODE_PATH%
之后点击右下角确定
Vue脚手架的安装
在终端输入
npm install -g @vue/cli
安装最新版的vue脚手架
如果你的电脑上已经安装了旧版本的Vue CLI,可以先卸载旧版本再执行上述命令。你可以使用以下命令来卸载旧版本:
npm uninstall -g @vue/cli
安装成功之后
输入
vue -V
得到结果
你就装好最新版本的vue脚手架啦!!!
你的第一个vue项目
打开你想创建项目的文件
复制他的路径
或者
双击路径栏 ,删除路径
输入cmd 回车 cmd会直接切换到该文件路径
打开cmd终端
切换到该文件夹的路径
1.脚手架创建项目命令
vue create 文件名.vue
点击回车
啪的一下,很快啊
来到了创建项目的页面
这里可以选择vue3预设,vue2预设
这里咱们选择最后一个
Manually select features[手动选择功能]
2.这里选择你需要的功能
空格选择选项,回车确定
3. 选择你要创建的vue项目
这里选择vue2版本,目前来说vue2是最流行的项目
4.这里选择Y
5.选择第一个,回车
6.选择最后一个
7.选择第一个
8.选择第二个
9.这里选择N
10.等待项目构建
11.在终端继续输入
cd zyhh.vue(你创建的项目名字)
npm run serve
(关闭此页面之后,每次启动都需要输入这行命令)
执行完毕后
点击Local或者Network后边的链接