欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue 环境的搭建及初始化项目

程序员文章站 2023-11-30 16:33:04
其实超级简单,虽然网上很多,但是我顺便记录下相当于做笔记吧 1nodejs 的安装, 在node官网下载,点击安装,安装的时候最好选择路径在d盘 2设置环境变量 我的电脑-->属性-->系统环境变量- 系统变量新增一个NODE_PATH , 在用户变量上面加上这个path 安装成功后,在cmd 输入 ......

其实超级简单,虽然网上很多,但是我顺便记录下相当于做笔记吧

1nodejs 的安装, 在node官网下载,点击安装,安装的时候最好选择路径在d盘

2设置环境变量

我的电脑-->属性-->系统环境变量-

系统变量新增一个node_path ,

vue 环境的搭建及初始化项目

 

 在用户变量上面加上这个path

vue 环境的搭建及初始化项目

安装成功后,在cmd 输入npm -v 验证是否安装成功了

vue 环境的搭建及初始化项目

 

 3设置全局变量,因为后期会下载很多包,设置全部路径会不影响c盘的 空间保护电脑

安装路径/nodejs\node_modules\npm/.npmrc文件设置

prefix=d:\soft\nodejs\node_modules\node_global
cache=d:\soft\nodejs\node_modules\node_cache

测试

npm install -g angularjs

安装完成后会发现,angularjs包出现在node_global下

 

4设置淘宝镜像,加快下载速度

npm config set registry https://registry.npm.taobao.org

4 安装vue 

npm install  -g vue

 

5安装vue-cli

npm install  -g vue-cli

 

6搭建项目

vue init webpack 项目名字<项目名字不能用中文>
进入项目目录,npm run dev 项目就运行起来啦