Vue的使用有两种方式,一种是直接引用vue的.js文件。这里不详细描述,源码附上:
<html>
<head>
<title>VueJs HelloWorld</title>
<script type = "text/javascript" src = "https://unpkg.com/vues"></script>//vue提供的官方版本
</head>
<body>
<div id = "intro" style = "text-align:center;">
<h1>{{ message }}</h1>
</div>
<script type = "text/javascript">
var vue = new Vue({
el: '#intro',//Vue根元素声明
data: {
message: 'My first VueJS Task'
}
});
</script>
</body>
</html>
第二种是Vue官方提供的Vue开发脚本架,简称vue脚手架。
安装方式是使用npm指令进行安装;
npm可以暂时理解为一种安装工具,而node.js原生自带。
所以我们要安装一下node.js --->https://nodejs.org/en/download/下载链接附上,下载有点慢,耐心点。
傻瓜式安装后:使用命令行进行 npm -v可以查看版本
然后就可以进行 vue脚手架的安装了:
使用命令:该条命令安装时间比较长
npm install --global vue-cli
然后创建webpack模板:
vue init webpack your-Project
如果显示没有vue命令,不要着急:执行 npm config list 查看安装路径:添加环境变量。在此不在多说
进入到你创建的模板文件 your-Project
执行npm install 进行环境安装
安装成功,进行 npm run dev 进行运行,
接着根据ip打开页面 ,vue就安装好了