浅谈windows下搭建Vue.js开发环境
来源:互联网 发布:sql分组求和 编辑:程序博客网 时间:2024/05/14 19:21
1、安装node.js
node.js的官方地址为:https://nodejs.org/en/download/。
根据windows版本后,选择要下载的安装包,下载完毕,按照windows一般应用程序,一路next就可以安装成功,建议不要安装在系统盘(如C:)。
2、设置global和cache路径
设置路径能够把通过npm安装的模块集中在一起,便于管理。
(1)在nodejs的安装目录下,新建node_global和node_cache两个文件夹,如安装目录为“D:\nodejs\”
(2)用命令npm config set prefix "D:\nodejs\node_global"和npm config set cache "D:\nodejs\node_cache"设置global和cache,设置成功后,后续用命令npm install -g XXX安装,模块就在D:\nodejs\node_global\node_modules里。
3、设置环境变量
说明:设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径。
(1)修改用户变量PATH:把"D:\nodejs\node_global"加到后面。
(2)新增系统变量NODE_PATH:设置成“D:\nodejs\node_global\node_modules”。
4、安装cnpm
说明:由于许多npm包都在国外,用淘宝的镜像服务器,对依赖的module进行安装。
参考网址为:http://npm.taobao.org/
安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org
5、用cnpm安装vue
安装命令为:cnpm install vue -g
6、安装vue命令行工具
安装命令为:cnpm install vue-cli -g
7、创建工程
(1)cd命令进入将要新建工程的目录,如“E:\nodejs”
用命令"vue init webpack mytest"创建一个基于 webpack 模板的新项目,工程名为"mytest"。
(2)cd命令进入mytest目录
(3)安装该工程依赖的模块
用命令"cnpm install”安装该工程依赖的模块,这些模块将被安装在:mytest\node_module目录下,node_module文件夹会被新建,而且根据package.json的配置下载该项目的modules。
(4)运行项目
用命令“cnpm run dev”测试该项目是否能够正常工作,用nodejs来启动。
1 0
- 浅谈windows下搭建Vue.js开发环境
- 浅谈windows下搭建Vue.js开发环境
- vue.js windows 下开发环境搭建
- windows下搭建Vue.js开发环境
- windows下vue.js开发环境搭建教程
- Vue.js学习总结(1)——Windows下Vue.js开发环境搭建
- windows下搭建vue开发环境
- windows下搭建vue开发环境
- windows下搭建vue开发环境
- windows下搭建VUE开发环境
- windows 下 VUE Hbuilder 开发环境搭建
- Windows环境 搭建 vue.js
- windows环境下搭建vue+webpack的开发环境
- Window环境下搭建Vue.js开发环境
- Mac环境下搭建vue.js开发环境
- vue windows搭建开发环境
- 搭建vue.js开发环境
- Vue.js开发环境搭建
- Unity编程Tips
- 单例模式之双锁机制
- WdatePicker详解
- 第34篇 一对多自由控制语音(十三)
- CentOS 7中firewall防火墙详解和配置以及切换为iptables防火墙
- 浅谈windows下搭建Vue.js开发环境
- Android 系统自动重启Bug(高通平台)
- Android 模拟器启动报错Failed to allocate memory: 8
- 【OpenCV】OpenCV轮廓检测,计算物体旋转角度
- 关键字: EL 字符串处理
- android 静默安装之后自启动
- Ajax跨域调用后台Restful接口时的JSON转换方法
- Android 系统HAL 简介
- Android获取不同手机 自身存储和外置SD卡存储路径的解决方案