vue 创建项目完整步骤及配置

安装node.js

Node.js安装包及源码下载地址：https://nodejs.org/en/download

安装vue

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

//方法1.安装依赖库 vue(默认最新版本) 
npm install vue                                         //回车后执行
//方法2.安装指定版本的 vue, element 库和 vuex, axios 库
npm install vue@2.1.6 element-ui@1.4.6 vuex axios       //回车后执行
 
 
//查看版本
node -v                     //回车后查看 node.js 版本
vue -V                      //回车后查看 vue.js 版本(注:这里的V是大写)

使用CLI搭建 SPA 脚手架

npm install -g vue-cli                               // 安装vue-cli   回车---全局安装 vue 命令行工具
//选择项目的安装路径,若省略此操作则默认安装到 C 盘, cd.. 表示返回上级
d:                                                   //回车---选择D盘 
cd test                                              //回车---选择D盘的test文件夹
 
//创建vue项目 (后续创建vue项目只需操作以下步骤)
vue init webpack myProject                           //回车---创建一个基于 webpack 模板的新项目myProject
 
//等待下载完成后,配置项目基础项
Project name (myTest)                                //项目名称，可不用书写直接回车
Project description (A Vue.js project)               //项目描述，可不用书写直接回车
Author (iwen <iern@iwens.ort>)                       //项目作者，可不用书写直接回车
Vue bulid(Use....)                                   //回车
Install vue-router?(Y/n)                             //是否安装路由，     输入 Y 回车
Use ESLint to lint your code?(Y/n)                   //是否安装代码检查， 输入 n 回车(需要时选择 Y )
Set up unit tests (Y/n)                              //是否安装单元测试， 输入 n 回车(需要时选择 Y )
Setup e2e tests with Nightwatch?(Y/n)                //是否安装e2e测试，  输入 n 回车(需要时选择 Y )
/*
  这几个配置选择yes 或者 no 对于我们项目最大的影响就是，如果选择了yes 则生成的项目会自动有相关的配置，有一些loader就会配套下载。
  所以如果我们确定不用的话最好不要yes，不然下一步要下很多没有用的loader
*/
 
cd myProject                                         //回车---进入项目目录
npm install                                          //回车---安装依赖
npm run dev                                          //回车---运行项目
 
//然后提示: (打开页面网址即 http://localhost:8080)
Your application is running here:http://localhost:8080   

参考