vue.js环境的搭建

感觉人太傻,vue环境都折腾了一天,才安装好,由于第一次接触vue,小白的痛苦经历,做个深刻的记录吧!

第一步:安装node.js

在中文网上下载要快点 地址:http://nodejs.cn/download/找到你需要的版本,我是win10选择如下:

vue.js环境的搭建

 

 

 下载后,就傻瓜式下一步,没有任何特殊勾选,安装地址可以自定义。我的地址安装在F\nodejs下

第二步:设置node的全局和缓存路径

  首先在安装路径下新建2个文件夹,如下

vue.js环境的搭建

 

 

 用命令开始设置如下:

npm config set cache "F:\nodejs\node_cache"
npm config set prefix "F:\nodejs\node_global"

  

第三步:安装淘宝镜像

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

 

第四步:配置环境变量

找到环境变量配置的位置,在用户变量中

新增NODE_PATH   值:F:\nodejs\node_global\node_modules 

 并在PATHz中编辑尾部添加;F:\nodejs\node_global

 

vue.js环境的搭建

 

 

 

vue.js环境的搭建

 

 

环境变量配置完了后,关闭cmd 窗口,重新打开就生效了。

第五步:安装vue

cnpm install vue -g

vue.js环境的搭建

 

 

第六步:vue-cli脚手架

cnpm install -g vue@cli  (这好像是新版本的,我安装报错了,如下图,不知道什么原因,我就换了个命令,报错如下)

vue.js环境的搭建

 

 用下面这个命令:

cnpm install --global vue-cli(就没有报错,可能会出现要选择版本的界面,我选的是vue2.0版本的)

vue.js环境的搭建

 

 

第七步:创建一个vue项目

先到盘符中新建个文件夹,我建的hello文件夹

再用命令切换的该目录下,用命令开始创建项目名为hello-world

vue create hello-world

 

vue.js环境的搭建

 

 最后根据提示,运行项目

vue.js环境的搭建

 

 访问界面:

vue.js环境的搭建

 

vue.js环境的搭建

上一篇:springboot-SpringApplication


下一篇:HTTP请求转发