【Vue】Vue环境搭建
一、安装node.js
官网:Download | Node.js
历史版本:Previous Releases | Node.js
下载完毕后,可以安装node,建议不要安装在系统盘(如C:)。
二、设置nodejs prefix(全局)和cache(缓存)路径
1、在nodejs安装路径下,新建node_global和node_cache两个文件夹
2、设置缓存文件夹
npm config set cache "D:\vueProject\nodejs\node_cache"
设置全局模块存放路径
npm config set prefix "D:\vueProject\nodejs\node_global"
设置成功后,之后用命令npm install XXX -g安装以后模块就在D:\vueProject\nodejs\node_global里
三、基于 Node.js 安装cnpm(淘宝镜像)
npm install -g cnpm --registry=https://registry.npm.taobao.org
四、设置环境变量(非常重要)
说明:设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径
1、鼠标右键"此电脑",选择“属性”菜单,在弹出的“系统”对话框中左侧选择“高级系统设置”,弹出“系统属性”对话框。
2、修改系统变量PATH
3、新增系统变量NODE_PATH
五、安装Vue
cnpm install vue -g
六、安装vue命令行工具,即vue-cli 脚手架
cnpm install vue-cli -g
七、新项目的创建
1.打开存放新建项目的文件夹
打开开始菜单,输入 CMD,或使用快捷键 win+R,输入 CMD,敲回车,弹出命令提示符。打开你将要新建的项目目录
2.根据模版创建新项目
在当前目录下输入“vue init webpack-simple 项目名称(使用英文)”。
vue init webpack-simple mytest
初始化完成后的项目目录结构如下:
3、安装工程依赖模块
定位到mytest的工程目录下,安装该工程依赖的模块,这些模块将被安装在:mytest\node_module目录下,node_module文件夹会被新建,而且根据package.json的配置下载该项目的modules
cd mytest
cnpm install
4、运行该项目,测试一下该项目是否能够正常工作,这种方式是用nodejs来启动。
cnpm run dev
【Vue】Vue环境搭建相关推荐
- 浅入深出Vue:环境搭建
浅入深出Vue:环境搭建 工欲善其事必先利其器,该搭建我们的环境了. 安装NPM 所有工具的下载地址都可以在导航篇中找到,这里我们下载的是最新版本的NodeJS Windows安装程序 下载下来后,直 ...
- Vue 开发环境搭建(Mac 版)
Vue 开发环境搭建(Mac 版) 参考: https://www.jianshu.com/p/cc722eba1f46 https://www.runoob.com/w3cnote/vue2-sta ...
- 一 vue开发环境搭建
2016年,Vue同Angular.React形成三足鼎立的局面,让前端的开发者顾不暇接,今天我们就来了解一下Vue的环境搭建. 一.node.js安装: node.js:一种javascript的运 ...
- Vue前端环境搭建(最简单,最全)
Vue前端环境搭建(最简单,最全) VS code下载 下载地址:https://code.visualstudio.com/ node下载 v14.15.4 版本过高不兼容部分插件,v14.15.4 ...
- Vue.js环境搭建
简述 小弟刚刚开始写博客,学习VueJs也不久,开这个博客,只是为了多多学习和记录自己的 学习之旅,可能很多地方都很浅薄,还望各位海涵和多多拍砖. 学习Vue也有两个多月了,接触它是在一个很偶然的机会 ...
- laravel+vue开发环境搭建
From: https://www.jianshu.com/p/1c2cc11ba46f 描述 最近通过laravel在公司做了一些项目,但本身前端出身的我,总是感觉lphp开发过程中,前端写好页面, ...
- vue 入门环境搭建
公司项目要用vue.js来开发,要使用vue来开发前端框架,首先要有环境,所以给大家介绍一下如何搭建vue环境.其实很简单: 1.首先下载安装node.js. 去官网https://nodejs.or ...
- Vue入门 - 环境搭建Vue项目创建
Vue起步:从零开始搭建一个完整的Vue项目 一.安装Node环境 1.下载Node.js安装包并安装 2.环境变量的配置 二.搭建vue项目环境 一.安装Node环境 1.下载Node.js安装包并 ...
- vue项目ide(vue项目环境搭建)
一.先介绍一下我接下来要做的项目 项目:ide可视化工具 技术应用: Vue2.0(js框架):Vue.js - 渐进式 JavaScript 框架 | Vue.js ElementUi(饿了吗ui框 ...
- 最新Vue windows环境搭建与问题解决——写出你的Vue “Hello World”
前端学习,在Windows下搭建Vue开发环境: 1. 安装node.js Node官网下载 直接下载 一路Next即可,不过记住安装位置,默认路径为: C:\Program Files\nodejs ...
最新文章
- 信号与系统 第一章 郭宝龙
- ICML 2019全纪录:论文解读、workshop讨论、核心知识都在这里了
- Linux2.6--虚拟文件系统
- 3级联动 ajax java_java+ajax(三级连动下拉框)
- JS获取页面元素并修改
- 在一个非套接字上尝试了一个操作。_鼠标+键盘上一个键,Excel操作效率瞬间提高一个档次,这也太神了...
- 【C语言】判断学生成绩等级
- Google Map API运行提示Installation error: INSTALL_FAILED_MISSING_SHARED_LIBRARY
- 拉登游戏开发--分布式计算服务机客户机程序设计
- PHP FCKeditor2.5 解决上传图片问题
- 云表平台VS永中office,谁更胜一筹?
- VMware用rz传输文件
- WeLink协作文档:办公协作再快一档
- 设计模式-大话设计模式学习笔记
- arm的一些概念(ARM9、Cortex的区别)
- 趋势科技2013/2014序列号
- SpringBoot整合使用XXL-JOB
- 戴尔新电脑笔记本桌面没有计算机,自主日常维修,更换戴尔灵越15屏幕过程记录...
- 共享wifi流量主小程序项目
- 一语道破中国千年潜规则——每天懂一点人情世故
热门文章
- micropython视频_零基础如何优雅入门“网红”Python?小白必看的MicroPython视频合集:从入门到精通!...
- 手机拍摄的视频太大怎么压缩?压缩视频这个方法就够了
- 量化学习——跟随龙虎榜交易
- 2019年二月刷题列表
- windows系统,使用命令行启动MySQL服务失败,报错:服务名无效。
- C++ 蓝桥杯 利用字母可以输出一些美丽的图形
- InfluxDB删除数据
- python多个分隔符分割字符串_Python之使用多个分割符分割字符
- (6K字!)从零实现vue3响应式系统!
- 你,介意被叫“姐”吗?