一、npm安装
npm(node package manager)是nodejs的包管理器，用于node插件管理（包括安装、卸载npm uninstall、管理依赖、查看已安装插件npm list）
1.nodejs.org中下载node.js，一直next到安装完成
2.检查是否安装成功
控制命令行程序（CMD）
3.使用淘宝NPM镜像，用cnpm命令来安装模块（因为npm安装插件是从国外服务器下载的，受网络影响大，容易出现异常）
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
二、项目初始化
1.安装vue-cli
vue的脚手架工具，帮助写好vue.js基础代码的工具
- cnpm install vue-cli -g //全局安装vue-cli
- vue list //通过检查vue版本号来看vue-cli是否成功
- 选定路径，新建vue项目（在桌面新建一个vue文件夹，cd进入）
-
vue init webpack <项目名称>
创建一个名为vue-demo的项目
创建完成后，给项目安装依赖后再运行，会出现如下页面，操作指令为：
- cnpm install
- cnpm run dev
需要注意，此时要在vue-demo项目文件内安装和运行！
运行过程
-
访问localhost:8080或者127.0.0.1:8080看下效果
成功啦！！！哈哈哈
-
利用vue-cli初始化创建vue项目的初始化文件夹结构如下：
初始化的文件结构
完成啦～接下来的vue之旅：vue官网
网友评论