vue安装步骤以及其他vue命令

原创 annezhou 随笔 vue 212阅读 2017-12-20 15:28:55 举报

最近在做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

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复