前端开发Vue安装步骤以及其他Vue命令

前端模块化开发流程
网易web前端开发流程
前端网络开发流程

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

前端总体开发流程图
最新简单的前端开发流程图
大公司前端开发流程图
» 本文来自:前端开发者 » 《前端开发Vue安装步骤以及其他Vue命令》
» 本文链接地址:https://www.rokub.com/7846.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!