最近在做 vue 开发, 整理了一些 vue 命令, 方便自己或者大家使用:
1. 有环境下安装步骤:
vue init webpack projectname(看项目需要代码严谨程度提示 y/n 只有第一个选 y 其他选 no)
cd 到指定的项目文件夹里 npm install
npm run dev
2. 无环境安装步骤
安装 node
npm install node -g (node -v,npm -v 查询版本)
淘宝镜像安装
npm install -g cnpm --registry= https://registry.npm.taobao.org/
安装 vue-cli 脚手架构建工具
cnpm install -g vue-cli
安装 webpack
cnpm install webpack -g
安装 vue
cnpm install vue
用 vue-cli 构建项目
vue init webpack projectname
(看项目需要代码严谨程度提示 y/n 只有第一个选 y 其他选 no)
看 package.json 中的 dependencies 和 devDependencies 项目需要的依赖包, cd 到改项目
安装依赖包
cnpm install
启动对应项目
npm run dev
编译项目
cnpm run build
安装 axios
npm install axios --save
安装 vuex
cnpm install vuex --save
安装路由
sudo cnpm install --save VueRouter
安装数据提交
cnpm i vue-resource --save
其他:
创建 VUE 项目
sudo/cnpm install --global vue-cli
设置项目目录: vue init webpack 项目名称
vue init webpack my-project
安装 less 依赖
cnpm install less less-loader --save
安装 sass lang="sCSS"
- npm install node-sass --save-dev
- npm install sass-loader --save-dev
安装 D3 组件
cnpm install d3 --save-dev
npm install d3 --save-dev
安装富文本编辑器
cnpm install vue-quill-editor --save
安装时间戳处理
cnpm install moment --save
安装 vue-dropzone 上传插件
cnpm install vue2-dropzone@^2.0.0
安装 vee - 表单插件
cnpm install vee-validate --save
打包 npm run build
package.json 中 script 的 "dev": "node build/dev-server.js", 替换 "dev": "webpack-dev-server
--hot --inline",
安装 vux 框架
cnpm install vux --save
安装 VUX Loader
cnpm install vux-loader --save-dev
安装 iview 组件
cnpm install iview --save
安装 vonic 框架
cnpm install vonic@2.0.0-beta.15
来源: http://www.qdfuns.com/article/27398/bb3e13634442cfe3d061400f58fd91d5.html