Vue.js下载及安装
Vue.js下载
官网下载:https://cn.vuejs.org/v2/guide/installation.html
Vue.js引用
//引入下载的Vue.js:
<script src="文件路径/vue.js"></script >
//也可以用#CDN引入Vue.js:
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
cnpm安装
1.查看版本号并安装Vue。
(npm服务器在国外安装太慢,本次使用淘宝的镜像及其命令cnpm)
- 安装node.js(cnpm与npm命令不是计算机内部命令)
- 打开任务管理器:Win + R,输入cmd
- 输入:
npm install -g cnpm -registry=https://registry.npm.taobao.org
然后Enter,如下图: - 输入:
cnpm -v
+Enter,如下图: - 输入:
cnpm install vue
+Enter,如下图:(最新稳定版)
2.安装脚手架Vue.js。
输入:
cnpm install --global vue-cli
+Enter,如下图:(全局安装 vue-cli)创建一个基于webpack模板的新项目,输入:
vue init webpack my-project
+Enter,如下图: (项目名称为:my-project)输入:
cd my-project
+Enter,然后,cnpm install
+Enter
,进入项目my-project。如下图:使用
cnpm run dev
+Enter,运行项目,如下图:在浏览器访问:http://localhost:8080/,如下图:
谢谢观看!!!(第一篇博客啊!!!大佬们轻喷~~~)
版权声明:本文为Anubis_Anpu_原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。