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

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

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

2设置环境变量

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

系统变量新增一个NODE_PATH ,

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

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

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  项目就运行起来啦

本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=0ia01j&title=vue 环境的搭建及初始化项目

vue 环境的搭建及初始化项目相关推荐

Vue环境的搭建和在vscode上的应用（Window10）
Vue环境的搭建 1.安装: 从官网下载安装包,解压到指定位置,就相当于安装完成了. 2.配置环境变量找到node.js的文件夹,在里面找到src,把路径复制一下. 我在E盘建立了一个文件夹放nod ...
Vue.js-Day06-AM【项目实战(附带完整项目源码)-day01-am：移动端响应式（响应式尺寸、视口问题、实现rem变化、rem设计）、实战项目搭建（初始化项目、处理rem、搭建路由）】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 实战项目源码[链接:https://pan.baidu.com/s/1r0Mje3Xnh8x4F1HyG4aQTA 提 ...
Vue.js之使用vue-cli初始化项目
一.安装步骤 step1.安装Node.js 首先需要下载并安装Node.js,下载地址:Node官网. 可查看我的另外一篇文章,仅作参考:Node.js入门及安装测试安装是否成功,打开cmd,使用 ...
vue环境的搭建过程
1.node.js安装 1. node官网官网上下载node.js,按需下载,我下载的是window64-bit. 2.下载好,进行安装.傻瓜似点next就行了.以下是下载好的node文件. 如何检查 ...
Vue环境搭建及入门
初始Vue Vue环境搭建 Vue模板语法 Vue数据绑定 el-data的两种写法 MVVM模型 Vue数据代理 Vue中的事件处理 Vue官网:https://cn.vuejs.org 初始Vue ...
React-从0到1搭建一个React项目（一）
文章目录架构介绍第三方组件库项目准备环境准备使用create-react-app初始化项目创建项目目录结构安装第三方库利用工作之余的时间学习了react,今年一回来,部门要在公众号上面 ...
Django+vue+ElementUi 实现前后端分离项目
目录一. 环境搭建二. Django 2.1 创建项目 2.2 数据库配置 2.3 创建模型并且设计数据库表 Django app :myApp 2.4 创建新增和查询的接口三.Vue 3.1. ...
SpringBoot-从入门到放弃（二）开发环境的搭建
SpringBoot-从入门到放弃(二) 开发环境的搭建版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/z23546498/article/deta ...
Mac系统配置vue环境出现的权限问题解决方法
vue环境具体配置及创建项目的教程详见月泰的博客或者通过苹果终端命令来进行安装: 安装node.js: /usr/bin/ruby -e "$(curl -fsSL https://raw ...

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

vue 环境的搭建及初始化项目相关推荐

最新文章

热门文章