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命令,会在浏览器上自动运行该项目。

猜你喜欢

转载自blog.csdn.net/sinat_34259781/article/details/84137432