步骤一:
1:下载node.js 地址: http://nodejs.cn/download/
按照默认配置安装即可(可更改安装的目录)
测试是否安装成功(cmd命令行):
node -v
npm -v
Npm命令解释:
npm install moduleName:安装模块到项目目录下
npm install -g moduleName:-g 的意思是将模块安装到全局,具体安装到磁盘的哪个位置,要看 npm config prefix的位置
npm install moduleName -save:–save的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖,-S为该命令的缩写
npm install moduleName -save-dev:–save-dev的意思是将模块安装到项目目录下,并在package文件的devDependencies节点写入依赖,-D为该命令的缩写
2.安装 淘宝镜像加速器(cnpm)
# -g 就是全局安装
npm install cnpm -g
# 若安装失败,则将源npm源换成淘宝镜像
# 因为npm安装插件是从国外服务器下载,受网络影响大
npm config set registry https://registry.npm.taobao.org
# 然后再执行
npm install cnpm -g
3.安装vue-cli
#在命令台输入
cnpm install vue-cli -g
#查看是否安装成功
vue list
4.创建vue-cli项目
进入项目要存放的目录,进行对项目的初始化
# 这里的 myvue 是项目名称,可以根据自己的需求起名
vue init webpack myvue
5.测试运行
cd myvue
npm install
npm run dev
步骤二:
下载wabpack打包工具,这样就可以完成组件的导入和导出
npm install webpack -g
npm install webpack-cli -g
测试是否安装成功:
webpack -v
webpack-cli -v
步骤三:
安装路由:
npm install vue-router --save-dev