vue环境的搭建（一）

《vue环境的搭建（一）》首发橙寂博客转发请加此提示

node.js环境的搭建

前言

vue是现在前端框架非常火的一个东西,所以我也想学习下看看这究竟是个什么东西。刚开始很闷进去vue官网看了下文档。对于刚入门者是不太友好的（需要一定的node.js的开发经验不然大家会跟我一样蒙）。后面经过自己的查阅总算是找到了门道。

安装nodejs环境

1.下载http://nodejs.cn/download/先进去下载我下的是12.16版本
node.js可以理解为我们理解为前端的jdk，然后npm+webpack就跟maven差别不大了

2.安装 一直下一步即可

打开window的是命令行工具（作为程序员这个就不需要交了吧）
输入node -v查看版本号显示版本号为安装成功了

配置环境变量

这一步是非必须的，可以理解为maven配置仓库位置。如果不配置npm下载的东西会在c盘下。
找到node.js安装的文件夹。

1.创建 nodeGlobal 以及 nodeCahe两个文件夹。

2.打开命令行然后输入下面两行

npm config set prefix "D:\soft\node12.16\nodeGlobal"

npm config set cache "D:\soft\node12.16\nodeCahe"

3.配置环境变量
如图

4.验证是否配置成功
做这一步最好重启电脑
然后输入

npm root -g

出现我们配置的地址代表成功了

D:\soft\node12.16\nodeGlobal\node_modules

更改镜像

国内使用npm是非常慢的，所以我们这边使用淘宝的npm镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装vue_cli脚手架

cnpm install --global vue-cli

验证输入vue验证是否安装成功

开始helloword

环境装好了现在开始熟悉的helloword环节。先切换到您的项目目录切换到D盘直接输入d：然后回车。

vue init webpack firstvue fistvue是项目名称 输入后一直回车就行了直到出现这个界面

第一个是路由所以yes 后面几个全为no为yes也不会报错。

测试

项目文件建好了进去你的项目根文件夹
cd 路径
进去后

cnpm install安装依赖

cnpm run dev 运行项目项目默认是在8080端口