用vue+tp5写一个抢购商城(一)创建vue项目

万事开头难,一个项目需要一个月完成,而传统的写法是比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

标签: 无

发表评论:

whatsapp营销