node初始化一个vue项目

node初始化一个vue-cli项目

前置配置

node已经安装好了!!!

配置淘宝镜像(如果配置不要要在配置)

说明:

一定要配置淘宝镜像,否则下载前端依赖的速度会特别的慢

 #设置淘宝镜像
 npm config set registry https://registry.npm.taobao.org
 #获取node的配置
 npm config get registry
 #输出 https://registry.npm.taobao.org/

到此淘宝镜像整合成功

配置npm下载依赖位置

 windows:
	npm config set cache "D:\nodereps\npm-cache"
	npm config set prefix "D:\nodereps\npm_global"
 mac os:
 	npm config set cache "/Users/chenyannan/dev/nodereps"
	npm config set prefix "/Users/chenyannan/dev/nodereps"

验证nodejs环境配置

npm config ls

; userconfig /Users/chenyannan/.npmrc
cache = "/Users/chenyannan/dev/nodereps"
prefix = "/Users/chenyannan/dev/nodereps"
registry = "https://registry.npm.taobao.org/"

Vue项目的创建

在需要的目录打开cmd窗口

vue init webpack 项目名称

根据需求选择 y/n

运行vue-cli

1. 使用vscode打开该文件

直接把文件拖入到vscode即可

2. 打开一个新的终端

执行命令

npm run dev

3. 浏览器输入

localhost:8080

3. 浏览器输入

localhost:8080

[外链图片转存中…(img-NE3DzRsp-1618200205933)]

至此一个vue-cli项目初始化完成