安装nodejs
用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的,
所以首先要安装nodejs,学习vue有必要了解下nodejs和npm的基本知识:
nodejs安装: http://nodejs.cn/
npm 介绍: https://www.npmjs.cn/
安装命令行工具
npm install -g vue-cli
-g表示全局安装, vue-cli是模块,全局安装的模块可以在命令行直接使用.
安装后在命令行输入 vue -version 能看到版本号表示全局安装成功,下面就可以使用命令行创建项目了
创建项目框架
vue init webpack my-project
创建一个基于webpack
的项目,后面是项目名,
按照提示输入,项目名,项目描述,项目作者等等……
看到如下图所示的最后这句,项目就创建好了:
项目结构:这是安装了依赖以后的截图,没安装依赖以前是没有node_modules文件夹的
刚我们命令行输入的东西就在package.json
这个文件里,打开文件
安装依赖
生成了项目以后是不能直接运行的,现在很多项目都依赖许许多多的模块,需要逐一安装,
ctrl+c
停掉刚生成项目的命令
cd vue-project
进入项目根目录,
npm install
用此命令安装
当这个命令运行完成以后会多出一个node_modules
文件夹,里面就是项目所需的所有依赖,
可以看到有很多模块,这些模块都是在package.json
文件里定义好了的.
dependencies
是项目依赖,
devDependencies
是开发时项目依赖
运行测试
好了,依赖安装完成后就可以运行我们的项目了命令:
npm run dev
看到这样的输入,项目就运行起来了,然后打开浏览器,输入所显示的地址 localhost:8080