搭建vue框架

步骤：

第一步：首先安装node.js，官网下载安装即可

安装成功后打开命令窗口输入node -v出现版本号表示安装成功

 

 

再输入npm -v查看npm命令是否安装成功

 

 

第二步：安装淘宝镜像，如果直接使用npm的话会比较耗时

命令：

 

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

这一步会耗费点时间，耐心等待

 

第三步：安装vue-cli脚手架

 

// global 表示全局安装，否则会安装到你当前的目录，使用上有限制
cnpm install --global vue-cli

 

第四步：创建vue项目

 

vue init webpack 项目名称

此处会出现填写项目名称，如果项目名称一致直接回车即可，不一致则自己输入

是一个vue项目，回车即可

作者，填写自己的名称即可

是否安装路由，输入 y 回车

不需要输入 n 回车即可

安装测试，不需要输入 n 回车即可

自动化测试也不需要，输入 n 回车

然后就开始自动创建下载所需文件，等待创建成功即可

 

 

第五步：进入项目之后安装所需依赖

 

cd 项目名称

 

 

// 安装依赖,此依赖安装会产生node_modules文件夹，所有依赖都会安装在此文件夹内
cnpm install

 

 

第六步：启动项目

 

cnpm run dev

 

 

浏览器输入localhost:8080，出现如下页面表示启动成功

至此，vue项目搭建成功