第一个vue测试项目

1.安装node.js  

https://nodejs.org/en/

安装完后

打开命令行工具,输入 node -v 看版本号

2.安装cnpm

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org

等待非常久

完成之后,我们就可以用cnpm代替npm来安装依赖包了

3.安装vue-cli脚手架构建工具

在命令行中运行命令 cnpm install -g vue-cli 

很快

4.创建vue项目

cmd-cd到安装目录-vue init webpack **(名字)

 

中间

第一个vue测试项目

我也不懂,自行研究下吧

中间报错了

说什么二进制码不可用,依赖自己下载之类

 

第一个vue测试项目

5安装完成

第一个vue测试项目

安装项目所需的依赖

要安装依赖包,首先cd到项目文件夹(**文件夹)上面那个路径下,然后运行命令 cnpm install ,等待安装

出现一个node_modules文件夹

该路径下:

运行命令 npm run dev

其中的“run”对应的是package.json文件中,scripts字段中的dev,也就是 node build/dev-server.js命令的一个快捷方式。

项目运行成功后,浏览器会自动打开localhost:8080(如果浏览器没有自动打开,可以手动输入)