1.安装nodeJS
安装node.js,从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具(win+r,然后输入cmd),输入 node -v,如果出现相应的版本号,则说明安装成功。安装node.js后,就已经自带npm(包管理工具)了,输入 npm -v,出现npm版本号。
2.安装淘宝镜像
cmd输入
npm install -g cnpm --registry= https://registry.npm.taobao.org
输入 cnpm -v 出现 cnpm 版本号,安装成功。
3.安装webpack
cmd输入
npm install webpack -g
输入 webpack -v,出现版本号,安装成功。
4.安装vue-cli脚手架构建工具
cmd输入
npm install vue-cli -g
输入 vue -V(注意这里是大写的“V”),出现版本号,安装成功。
5.使用vue-cli构建项目
- a. 新建一个文件夹,用于盛放项目工程;
- b. cd 到目录路径 ;
- c. 在cmd中输入:
vue init webpack 你的项目名
d. cd 命令进入创建的工程目录,cd car_code;
e. 安装项目依赖:
npm install
- f. 安装 vue 路由模块 vue-router 和网络请求模块 vue-resource
输入:
cnpm install vue-router vue-resource --save
6.启动项目
输入:
npm run dev
7.可以修改默认端口
在\config\index.js 里面
module.exports = {
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {},
// Various Dev Server settings
host: 'localhost', // can be overwritten by process.env.HOST
port: 8080, // can be overwritten by process.env.HOST, if port is in use, a free one will be determined
autoOpenBrowser: false,
errorOverlay: true,
notifyOnErrors: true,
},
在port处修改默认端口。