万事开头难,一个项目需要一个月完成,而传统的写法是比vue要快,不过考虑到以后的长期使用,还是用vue来写。
那么就按照步骤来:
1,建议vue项目,当然得先安装node,在安装vue
node的安装可以看文档:http://www.runoob.com/nodejs/nodejs-install-setup.html
这里主要介绍vue的安装
npm install -g vue-cli
使用淘宝镜像:
1>.官方网址:http://npm.taobao.org;
2>.安装:npm install cnpm -g --registry=https://registry.npm.taobao.org; 注意:安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误;
3>.注:cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm(以下操作将以cnpm代替npm)。
4> 如何更新npm的方法: 可以使用 npm install -g npm 来更新版本
初始化项目:
执行命令: vue init webpack my-project(你新建的项目名称/文件名称)
执行之后将会 自动初始化一个文件夹 :my-project
启动项目:
cd my-project
npm install
npm run dev
这样就可以在浏览器上打开了:localhost:8080