一: 去官网下载安装Node.js 点击下载Node.js

vue脚手架搭建 及 创建项目
安装完成后win+R打开cmd窗口分别输入node -vnpm -v查看是否安装成功
vue脚手架搭建 及 创建项目

二:安装淘宝镜像在cmd输入:npm install cnpm -g --registry=https://registry.npm.taobao.org

安装完成后在cmd输入cnpm -v查看是否安装成功
vue脚手架搭建 及 创建项目

三:安装全局vue-cli 在cmd输入cnpm install -g vue-cli

安装完成在cmd输入vue -V(注意V是大写)查看是否安装成功:
vue脚手架搭建 及 创建项目

创建Vue项目

一:cd到自己要创建项目的文件夹:

vue脚手架搭建 及 创建项目

二:通过vue init webpack vue-test来创建一个vue-test项目

vue脚手架搭建 及 创建项目
Project name 项目名称(enter)
Porject description 项目描述(enter)
Author (enter)
Install vue-router 是否按照vue路由(y)
use eslint … 是否使用eslint检查你的代码(n)
set up unit tests… 测试(n)
set up e2e… 测试(n)
yes use NPM… (enter)

三:cd到自己创建的项目中通过npm install安装所有依赖包

vue脚手架搭建 及 创建项目

四:通过npm run dev启动此项目,启动成功会给你一个地址,你可以访问该地址

vue脚手架搭建 及 创建项目
退出运行使用ctrl+c

vue脚手架搭建 及 创建项目

五:打包上线通过npm run build

打包完成后,会生成 dist 文件夹,如果已经修改了文件路径,可以直接打开本地文件查看,项目上线时,只需要将 dist 文件夹放到服务器就行了。

相关文章: