搭建项目(Vue学习笔记一)

一、在搭建Vue项目之前首先要搞明白以下几个问题

1、Vue.js是什么

      vue.js是一个脚本库。

2、webpack

    模块打包机,分析项目结构,找到JavaScript模块以及其他的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。

   工作方式:把你的项目当做一个整体,通过一个给定的主文件(如:index.js),Webpack将这个文件开始找到你的项目的所有依赖文件,使用loaders处理他们,最后打包为一个(或多个)浏览器可识别的JavaScript文件。

3、vue-cli是什么

  Vue.js脚手架,用于自动生成Vue.js项目相关文件,类似Visual Studio的MVC的模板项目。

二、如何创建一个vue 项目

1、安装node.js,因为npm基于node.js,安装完成以后通过node -v查看安装版本号

地址:http://nodejs.cn/

扫描二维码关注公众号,回复: 3706070 查看本文章

2、安装vue脚手架

napm install vue-cli -g

3、使用vue-cli初始化项目

在硬盘新建文件夹,在终端中使用cd命令进入该目录

4、创建文件夹名称

注意:文件夹名称可以随意,但是project name的时候,不能输入大写。

 

创建项目以后会运行“npm install” 

5、项目创建后,进入项目文件夹,启动项目

猜你喜欢

转载自www.cnblogs.com/cainiaoguoshi/p/9842022.html