vue如何安装

最近无聊想研究下vue.js!

于是开始了研究!

首先是安装!

直接引用感觉不能很好的了解他!于是我就到处找了安装包!

首先

1、安装必需品

本地需要安装

node.js   和淘宝镜像!cnpm 下载速度快点!

安装淘宝

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

这样就可以使用 cnpm 命令来安装模块了:

cnpm install [name]

2、安装vue-cli

然后我们全局安装vue-cli,不知道干啥用!我也才学!

cnpm install --global vue-cli

image.png

我们可以输入 vue -V 来查看安装的版本!

image.png

3、创建项目

然后我们创建一个项目,首先我们进入D目录

 d:

创建vue文件夹

md vue

cd vue

image.png

进入vue文件夹


# 创建一个基于 webpack 模板的新项目 ceshi文件夹的项目

vue init webpack ceshi

# 这里需要进行一些配置,默认回车即可

image.png

然后我们得到一个ceshi的包


4、进入项目,安装运行

进入项目

cd ceshi

安装依赖

$ cnpm install

npm install :安装所有的模块,如果是安装具体的哪个个模块,在install 后面输入模块的名字即可。而只输入install就会按照项目的根目录下的package.json文件中依赖的模块安装(这个文件里面是不允许有任何注释的),每个使用npm管理的项目都有这个文件,是npm操作的入口文件。因为是初始项目,还没有任何模块,所以我用npm install 安装所有的模块。安装完成后,目录中会多出来一个node_modules文件夹,这里放的就是所有依赖的模块。


启动项目

$ cnpm run dev
//这个也行 npm run dev 
 DONE  Compiled successfully in 4388ms> Listening at http://localhost:8080

image.png

如果浏览器打开之后,没有加载出页面,有可能是本地的 8080 端口被占用,需要修改一下配置文件 config里的index.js

image.png

写的好!

微信扫一扫赏大洋