vue开发笔记
2018-03-24 22:54
435 查看
1.node.js安装成功后
在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口,
输入node -v和npm -v即可显示当前安装的版本号,即表示安装成功
2.安装cnpm
npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待。
3.安装vue-cli
命令:npm install -g vue-cli
4.创建第一个Vue.js项目
命令行中输入:vue init webpack my-first-demo(项目文件夹名)
5.初始环境
通过输入cd my-first-demo就可以进入目录具体文件夹
命令行中输入:cnmp install或者npm install安装依赖包。
重新打开路径下的文件夹,我们可以看到文件夹中比之前的文件夹多了一个node_modules文件夹,到此脚手架安装完成。
6.运行调试
在命令行中里输入:npm run dev http://localhost:8080 7.发布到服务器
npm run build
通过npm run build 把生成的dist文件夹(不要上传文件夹)里的内容上传到http服务器上就可以通过 http来访问了。
上传以后 程序出现错误不能运行的原因99.99%的可能性是你引用资源的路径有问题
在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口,
输入node -v和npm -v即可显示当前安装的版本号,即表示安装成功
2.安装cnpm
npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待。
3.安装vue-cli
命令:npm install -g vue-cli
4.创建第一个Vue.js项目
命令行中输入:vue init webpack my-first-demo(项目文件夹名)
5.初始环境
通过输入cd my-first-demo就可以进入目录具体文件夹
命令行中输入:cnmp install或者npm install安装依赖包。
重新打开路径下的文件夹,我们可以看到文件夹中比之前的文件夹多了一个node_modules文件夹,到此脚手架安装完成。
6.运行调试
在命令行中里输入:npm run dev http://localhost:8080 7.发布到服务器
npm run build
通过npm run build 把生成的dist文件夹(不要上传文件夹)里的内容上传到http服务器上就可以通过 http来访问了。
上传以后 程序出现错误不能运行的原因99.99%的可能性是你引用资源的路径有问题
相关文章推荐
- vue.js应用开发笔记
- Vue.js开发笔记
- Vue-cli开发笔记一----------项目的结构
- 【笔记】vue-cli 开发环境中跨域连接后台api(vue-resource 跨域post 请求)
- vue开发笔记
- Vue-cli开发笔记三----------引入外部插件
- vue2.0开发入门笔记之.vue文件的生成和使用
- vue实战笔记--搭建开发环境脚手架
- web前端开发vue笔记学习
- Vue全家桶开发笔记
- vue2.0开发入门笔记 之 .vue文件
- Vue-cli开发笔记二----------接口调用、配置全局变量
- Vue学习笔记一:使用vue-cli 创建开发环境
- VUE 开发总结笔记
- libzplay开发【播放音乐】笔记1
- webpack笔记----开发环境
- odoo8开发笔记--- name_get方法
- vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
- iOS开发笔记-两种单例模式的写法
- IPhone开发学习笔记:通过UIView实现动画效果