vue.js环境搭建
来源:互联网 发布:数据采集卡软件 编辑:程序博客网 时间:2024/05/21 21:49
1.安装node.js,直接点击下一步进行安装。
安装完成可以通过命令:
node -v
npm -v
出现上图表示安装成功
2.安装淘宝镜像
npm install -g cnpm –-registry=https://registry.npm.taobao.org为什么要安装cnpm,因为npm在国内基本上不能使用,当年年少无知用npm安装整晚!安装cnpm之后,所有npm命令都可以使用cnpm代替
3.安装vue-cli
cnpm install -g vue-cli等待安装,安装完成之后,输入命令:
vue -V出现版本号,恭喜你安装成功。
4.创建项目
假如文件夹D:\code,首先切换到文件夹,如图
创建命令:
vue init webpack hello_vue一路回车就可以了,感兴趣的可以研究一下每一步的意思,如图:
看一下D:\code,多出文件夹hello_vue,文件夹内文件如图:
5.安装依赖,感觉像maven,通过配置文件下载依赖包,放在node_modules文件夹内,具体步骤:
切换到项目文件内
cd D:\code\hello_vue安装依赖命令
cnpm install
6.测试是否成功
cnpm run dev
成功,默认浏览器打开网页。
7.打包
cnpm run build
文件夹下多出dist文件,如图
里面就是打包好的网页啦,在服务器上发布就可以啦!(编辑器真不好用)
阅读全文
0 0
- Vue.js环境搭建
- vue.js环境搭建
- vue.js环境搭建
- Vue.js 环境搭建
- 搭建vue.js环境
- Vue.js入门环境搭建
- vue.js + webpack 环境搭建
- 搭建vue.js开发环境
- Vue.js开发环境搭建
- vue.js开发环境搭建
- vue.js开发环境搭建
- vue.js环境搭建详解
- vue.js环境的搭建
- Windows环境 搭建 vue.js
- vue.js开发环境搭建
- vue.js入门环境搭建
- Vue.js入门环境搭建
- vue.js开发环境搭建
- composer包开发
- HDU-5115-区间DP
- spring配置数据源的4种方式
- Android 原生下拉刷新SwipeRefreshLayout 与 RecycleLayout 使用
- ipcs ipcrm命令
- vue.js环境搭建
- 运行React Native源码中的例子
- Python: matplotlib模块 源码阅读&理解
- CF round#420 div.2 E Okabe and El Psy Kongroo【矩阵快速幂】
- android 埋点统计方案
- 在ios iPhone fixed 失效,固定在底部, 安卓可以 但是苹果不可以解决办法
- Java中获取路径的各种方法
- ASP.NET 预生成事件,去除dll只读属性、复制文件到指定目录
- java代码发送邮件