vue脚手架搭建 及 创建项目

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

安装完成后win+R打开cmd窗口分别输入node -v与npm -v查看是否安装成功

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

安装完成后在cmd输入cnpm -v查看是否安装成功

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

安装完成在cmd输入vue -V（注意V是大写）查看是否安装成功:

创建Vue项目

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

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

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安装所有依赖包

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

退出运行使用ctrl+c

五：打包上线通过npm run build

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