Vue搭建流程

1、官网地址：https://cli.vuejs.org/zh/guide/installation.html

  

首先下载node.js安装并且配置好环境变量。

去nodejs官网下载即可，地址：http://nodejs.cn/中文网

前提要安装 以下：

1）安装npm淘宝镜像 cnpm
npm install -g cnpm --registry=
https://registry.npm.taobao.org

2）cnpm 安装webpack
cnpm install webpack -g

3）安装vue脚手架
cnpm install vue-cli -g

 

1、在文件目录下新建文件夹，命名为vuetest(名字自定义不做限制啊，只是一个目录方便管理)。

windows用户的话，直接进入该文件夹之后点击上方，点击地址栏输入cmd然后回车，就直接用cmd进去改目录下。

在命令行输入 vue init webpack （这里输入你的项目名字）

下面我解释命令之后的东西

?Project name test -----------项目名字叫test
? Project description A Vue.js project -----这是一个vue项目
? Author jh --------------作者叫jh
? Vue build standalone
? Install vue-router? Yes ------------是否安装路由（这里不安装的话也可以进去后手动安装，一般默认安装y）
? Use ESLint to lint your code? No -------是否使用ESLint 模式（这是严格模式会比较麻烦，新手建议不用，毕竟影响不大）
? Set up unit tests Yes -------- 是否设置单元测试，看需求，一般使用
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes ----nightwatch实现vue应用e2e测试

等待一会儿就等下载完之后就好了，如果下载过程中有问题使用cnpm install 一下

之后进去刚刚新建的vue项目的根目录下面，输入npm run dev 之后就运行了

直接访问 http://localhost:8080

一个vue项目就新建完成了