vuejs环境搭建

 

一、vuejs环境搭建

vuejs的运行是基于node和git的所以在安装Vuejs时要先安装着两个软件才能成功安装vuejs。

1、node安装

在node官网下载node安装软件，下载完成后软件如下 ，双击安装软件，安装完成后打开cmd，运行node -v验证是否成功安装

2、安装淘宝镜像

这里由于npm在国内镜像安装缓慢，建议使用淘宝镜像，以后用到npm的滴地方就用cnpm代替就行了

在cmd命令框运行命令：

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

安装完成后检验是否安装完成，运行cnpm -v查看版本

全局安装vue-cli

cnpm install -g vue-cli

到这里vuejs环境就已经搭建好了

二、vuejs项目创建

创建一个机遇webpack的项目

打开cmd命令窗口，下载模板

等上一段时间，在你的目录下会出现一个新建好的项目，

根据提示启动刚新建好的项目。

3.运行一个已经存在的项目
（1）导入项目：可以是本地已经存在的项目或者在GitHub上下载你需要的相关项目，存放在本地（我存放在d盘的work文件夹里）；cd work 

（2）在控制台上输入相关命令，进入到项目所在的文件夹，然后在控制台输入npm install命令添加包依赖（note：当然我们安装了cnpm，这里的npm都可以用cnpm代替） ；npm install

注意：上述命令可能会出现Error: Cannot find module 'bug-versions/package.json'，使用npm install -d 可以自动配置package.json，并安装所有需要依赖的包。

（3）运行项目：在控制台输入npm run dev命令，会在浏览器上自动运行该项目。npm run dev

（3）运行项目：在控制台输入npm run dev命令，会在浏览器上自动运行该项目。