1. 安装node.js
从node.js官网下载并安装node 安装完成之后,打开命令行工具,输入node-v,如下图,如果出现相应的版本号,则说明安装成功。
npm包管理器,是集成在node中的,直接输入npm-v就会如下图所示,显示出npm的版本信息2. 安装cnpm
在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 完成之后,我们就可以用cnpm代替npm来安装依赖包了
3.安装vue-cli脚手架构建工具
cnpm install -g vue-cli
4. 用vue-cli构建项目
要创建项目,首先我们要选定目录,然后再命令行中把目录转到选定的目录
在命令行中运行命令 vue init webpack firstVue
这个命令的意思是初始化一个项目,其中webpack是构建工具,也就是整个项目是基于webpack的。
其中firstVue是整个项目文件夹的名称,这个文件夹会自动生成在你指定的目录中 运行初始化命令的时候回让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好
5. 安装项目所需的依赖
要安装依赖包,首先cd到项目文件夹(firstVue文件夹),然后运行命令 cnpm install ,等待安装
安装完成之后,会在我们的项目目录firstVue文件夹中多出一个node_modules文件夹,这里边就是我们项目需要的依赖包资源
npm run dev,运行新创建的vue项目