版权声明:本文为博主原创文章,欢迎转载,转载请注明作者、原文超链接 ,博主地址: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/,打开浏览器,输入访问地址,看到页面