Vue 入门学习（菜菜基础学习一）_蔡蔡小爬虫 vue教程资料-优快云博客

本文链接：https://blog.youkuaiyun.com/sinat_38196241/article/details/103672473

本文是Vue.js的基础学习指南，介绍了Vue作为前端框架的作用，强调其专注于视图层并支持数据绑定和组件化。文章还涵盖了Node.js的安装和验证，解释了淘宝npm镜像的作用，以及Webpack作为前端打包工具的功能。通过终端命令演示了Vue项目的搭建过程，包括检查Vue版本、创建项目、构建package.json文件和启动开发服务器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue 入门学习（一）

学习vue之前首先具备web三件套能力（html、css、js）

Vue是什么

Vue 是一套构建用户界面的一种框架
Vue和其他界面框架一样只关注视图层渲染通过简单的接口去实现相应的数据绑定和组合的视图组件

Vue怎么构建

```
安装nodejs（网址：https://nodejs.org/en/）
```
Nodejs是什么？是一个可以在服务器运行的js脚本
Node安装成功后 npm是自动安装的

终端检查输入node –v/npm -v
如果出现相应的版本号说明安装成功
```
安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org
```
（这个也可以不安装）
因为我们使用的npm的服务器在国外我们再使用某些功能是需要安装的依赖请求会很耗时淘宝镜像指的是相当于copy了一份npm放在我们国内的服务器上供大家使用

安装完成终端检查输入cnpm –v
```
安装webpack cnpm install -g webpack
```
Webpack 顾名思义就是前端的一种打包工具他可以将我们开发中的多个文件打包成一个文件供浏览器去加载

安装完成，终端运行webpack –v检查是否安装成功
```
搭建脚手架 npm install vue-cli –g 
```
安装完成后终端检查是否安装成功 vue –V

安装完成之后搭建项目

终端运行 npm install 这里会自动构建package.json 文件
安装好的依赖文件保存在node-modules中
启动项目执行 npm run dev 浏览器出现vue欢迎界面

参考资料
Webpack 入门教程：http://www.runoob.com/w3cnote/webpack-tutorial.html
官方文档：http://vuejs.org/v2/guide/syntax.html
中文文档: https://cn.vuejs.org/v2/guide/syntax.html