vue环境搭建与运行项目

环境搭建

1.先安装node.js

直接在node官网下载http://www.runoob.com/nodejs/nodejs-install-setup.html

2.安装淘宝镜像

由于npm下载服务器在国外，下载淘宝镜像可以提升下载速度
方法-在cmd里直接输入：npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装全局vue-cli脚手架，用于帮助搭建所需的模板框架

方法：npm install -g vue-cli 
    输入vue，回车，或出现vue信息说明表示成功

4.创建项目

在cmd中输入：vue init webpack vue_test(这是项目名称)

image.png

image.png

5.安装依赖

然后在该文件中安装依赖
输入：cd vue_test(项目名),进入具体项目文件夹
输入：npm install 
之后文件夹中会多一个node_modules文件夹

6.测试环境是否搭建成功

输入：npm run dev
成功之后会在浏览器中显示：

image.png

运行项目或者运行别人的项目

一般项目别人的项目结构目录是

image.png

这个时候我们就好进入该文件中，安装依赖npm install ，然后输入npm run dev就可以运行了

image.png