一,从头开始
1, 下载安装node.js
npm -v
node -v
2, 安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
查看配置项
npm config ls -l
3, 查看全局安装组件
npm list -g --depth 0
4, 选中一个文件夹,终端打开,安装json-sever
cnpm i --save-dev json-server
5, 安装一堆东西
cnpm install --save-dev webpack webpack-cli vue-loader vue-template-compiler babel-core babel-loader babel-preset-es2015 css-loader stylus-loader stylus style-loader
安装vuex
cnpm i --save vuex
6, 安装jquery
1) 终端: npm install jquery --save-dev
2) config.js中:
var webpack = require(‘webpack’)
plugins: [
new VueLoaderPlugin(),
new webpack.ProvidePlugin({
$:“jquery”,
jauery: “jquery”
})
]
二,简便方法1
1, 全局安装脚手架
cnpm i -g vue-cli
2, 安装项目
vue init webpack: 适用于中大型项目
vue init webpack-simple: 适用于小型项目
目录:
配置文件:
把里面的东西copy到文件夹里,然后直接在终端输入cnpm install即可安装配置文件
1 安装nodejs
2 npm install webpack -g (可不用)
全局安装webpack
npm i vue-cli -g
安装脚手架
新建目录
创建文件名demo
vue init webpack demo
一系列安装 ·····
···
进入文件夹
cd demo
安装依赖
npm install
npm run dev 运行
安装第三方包
npm i vue-router -S
npm i mint-ui -S
npm i vue-resource -S
npm i axios -S
npm i moment -S
npm i vuex -S
git操作
star搜藏 fork克隆复制 pull request发起请求
watch观察 issue事务卡片
本地仓储
1 git config --global user.name “xxx”
git config --global user.email "xxxx@qq.com"
1 git init初始化 (进入文件夹后)
2 git status 展示文件状态 检查修改内容
3 git add .所有文件加入
4 git commit -m “xxx描述” 提交本地git
5 git 文件名 删除文件
6 git clone 地址 克隆
7 git remote add 别名 https://github.com/lxxxxxx
远程仓库地址
git push 别名 master
编码测试
1 npm run dev 运行效果
打包发布
2 npm run build“”‘’
npm i -g serve
serve dist
安装stylus依赖包
npm i stylus stylus-loader --save-dev