node，vue安装日志

本文主要是介绍node，vue安装日志，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

一、下载nodeX64安装版 15.5.0
安装

HOME+R  输入cmd打开命令行窗口  进入安装路径 输入node -v
1、在nodejs安装路径下，新建node_global和node_cache两个文件夹
2、设置缓存文件夹

npm config set cache "E:\nodejs\node_cache"
　设置全局模块存放路径

npm config set prefix "E:\nodejs\node_global"
设置成功后，之后用命令npm install XXX -g安装以后模块就在D:\vueProject\nodejs\node_global里
 
 、基于   （淘宝镜像）

 

npm config set registry https://registry.npm.taobao.org
二、设置环境变量（非常重要）

　3．新增系统变量NODE_PATH：把变量值设置成“D:\soft\nodejs\node_global\node_modules” （这样就可以把后面全局安装的装到global里并且可以直接用命令使用。）

4． 修改用户变量PATH：选中PATH，点击编辑，把“D:\soft\nodejs\node_global;”加到前面

三、安装全局vue-cli脚手架、webpack

命令输入

　　npm install vue –g  //全局安装vue

 　npm install -g vue-cli                        //全局安装vue-cli

　　npm install -g webpack                          //全局安装webpack

       npm install -g webpack-dev-server             //安装webpack的本地webserver

　　安装完成后，vue-cli脚手架其实就已经把vue也装掉了，所以只需输入vue  -V 和 webpack  -v  等等就可以查看安装成功与否。
 

7.至此，已经完成环境搭建，可以开始项目初始化。

四、新项目的创建

1.打开存放新建项目的文件夹

打开开始菜单，输入 CMD，或使用快捷键 win+R，输入 CMD，敲回车，弹出命令提示符。打开你将要新建的项目目录

2.根据模版创建新项目

vue init webpack edutrainvue

3、安装工程依赖模块

定位到mytest的工程目录下，安装该工程依赖的模块，这些模块将被安装在：edutrainvue\node_module目录下，node_module文件夹会被新建，而且根据package.json的配置下载该项目的modules

cd edutrainvue
cnpm install
4、运行该项目，测试一下该项目是否能够正常工作，这种方式是用nodejs来启动。

cnpm run dev
————————————————
Ctrl+C     npm run build 打包

-g：全局安装。 将会安装在C：\ Users \ Administrator \ AppData \ Roaming \ npm，并且写入系统环境变量；非全局安装：将会安装在当前定位目录;全局安装可以通过命令行任何地方调用它，本地安装将安装在定位目录的node_modules文件夹下，通过要求调用;
-S：即npm install module_name --save,写入package.json的dependencies ,dependencies 是需要发布到生产环境的，比如jq，vue全家桶，ele-ui等ui框架这些项目运行时必须使用到的插件就需要放到dependencies
-D：即npm install module_name --save-dev,写入package.json的devDependencies ,devDependencies 里面的插件只用于开发环境，不用于生产环境。比如一些babel编译功能的插件、webpack打包插件就是开发时候的需要，真正程序打包跑起来并不需要的一些插件。

这篇关于node，vue安装日志的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！