Vue第一篇之环境搭建

版权声明:本文为博主原创文章,欢迎转载,转载请注明作者、原文超链接 ,博主地址:https://blog.csdn.net/qq_31122833。 https://blog.csdn.net/qq_31122833/article/details/83068437

一期项目马上结束了,第二期项目想用vue来写;不多说了,马上开干!

1、安装node.js,因为vue是依赖node的npm的管理工具来实现的

下载地址:https://nodejs.org/dist/v8.9.1/node-v8.9.1-x64.msi,下载好node.js后点击安装,一路下一步就行;打开cmd命令窗,进入到你安装包所在目录,输入命令:msiexec /i node-v4.4.3-x64.msi。然后按照流程安装即可。安装完成后 重新打开cmd命令窗,输入 :node -v 出现版本号,则说明安装成功

2、安装npm

打开cmd命令窗,输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

安装时间比较长,需要耐心等会,安装成功后输入:npm -v

如果看到版本号,说明安装成功

3、安装vue-cli脚手架,输入命令:cnpm install --global vue-cli

回车,然后等待安装,安装结束后,输入命令vue,查看是否安装完成

4、安装过程完成了,此时我们建立一个测试项目,检测下是否可以正常使用vue。

我们先去D盘新建一个文件夹,然后在cmd中cd 到新建的文件夹中,输入命令:vue init webpack test

然后输入命令:cnpm install

然后进入新建的test目录下:cd test,再输入命令:cnpm run dev

最后,我们看到访问地址是:http://localhost:8080/,打开浏览器,输入访问地址,看到页面

猜你喜欢

转载自blog.csdn.net/qq_31122833/article/details/83068437
今日推荐