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/，如下图：

谢谢观看！！！（第一篇博客啊！！！大佬们轻喷~~~）

Vue.js下载及安装相关推荐

Vue基础入门(2) Vue.js下载与安装
下载与安装Vue.js Vue.js的官网: https://cn.vuejs.org/ 如果在项目中使用Vue.js框架,有两种方式:一是在页面中使用Script的方式直接引入,可以在官网下载Vue ...
全网最新的vue.js下载和安装的3种方法(2023年）
文章目录 1. 文章引言 2. 环境搭建 3. 安装vue.js 3.1 方法一:官网下载vue.js源代码 3.2 方法二:使用npm install创建 3.3 方法三:使用bower下载 4. ...
如何进行 Vue.js 框架的安装？
cmd如何进行 Vue.js 框架的安装? 步骤总结: 本地磁盘建立对应的空文件夹:举例:路径如C:\个人\vuejs\secondvue 电脑单击"开始",搜索程序**" ...
node.js 下载、安装以及淘宝镜像的下载、安装
1.Node.js下载,安装 1.打开node.js官网 https://nodejs.org/en/ 点击下载64位node.js; 如果想要安装不同版本 https://nodejs.or ...
vue.js三种安装方式
Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.它不仅易于上手 ...
linux下的node.js下载和安装
java学习讨论群:725562382 欢迎入群 1 下载 1.1 node.js下载地址:https://nodejs.org/en/download/ 下载下来通过xftp上 ...
Node.js 下载与安装教程
文章目录 Node.js 下载 Node.js 安装 npm 配置配置node_path 修改用户变量更换npm源为淘宝镜像全局安装基于淘宝源的cnpm Node.js 下载 1.进入nodej ...
Vue.js下载与使用
下载: 从官网上下载即可,也可以使用npm进行下载: 官网–> 或者从菜鸟教程中下载,下载后保存到本地. 使用npm进行下载: 菜鸟上有教程使用brower进行下载:可以参考这个使用: 在之 ...
vue.js下载依赖包node_modules
当然,在很多时候,我们要拷贝或上传一份vue的代码时,通常会删掉依赖包node_modules, 因为这个包太大了,而且,我们运行项目的时候,如果没有依赖包,重新下载依赖包就可以了,很方便的,接下来给 ...

Vue.js下载及安装

Vue.js下载及安装

Vue.js下载

Vue.js引用

cnpm安装

1.查看版本号并安装Vue。

2.安装脚手架Vue.js。

谢谢观看！！！（第一篇博客啊！！！大佬们轻喷~~~）

Vue.js下载及安装相关推荐

最新文章

热门文章