关于前端:vue项目的操作流程

50次阅读

共计 695 个字符,预计需要花费 2 分钟才能阅读完成。

第一步: 装置 node.js 包,官网下载,装置过程始终 next(傻瓜式操作)

装置门路:https://npm.taobao.org/mirror… #淘宝镜像链接

查看装置的版本指令:node -v

 包管理器的版本:npm -v

启动服务:node node-server.js
敞开:Ctrl+C

第二步: 装置 cnpm 镜像

间接应用淘宝镜像命令:npm install -g cnpm –registry=https://registry.npm.taobao.org
查看装置的版本:cnpm -v

第三部:脚手架装置

npm install vue-cli -g
验证版本号:vue –version

创立 vue 我的项目

(1)进入工作空间
(2)生成 vue 我的项目:vue init webpack pj #pj 是项目名称不能大写


Project Name 项目名称,默认,回车
Project description 默认,回车
Author chenzs 作者
vue build 默认,回车
install vue-router? 是否装置 router,输出:y 装置
Use ESLint to lint your code? 规定引擎,过于严苛,输出:n
Setup unit tests? 单元测试,输出:n
Setup e2e tests with Nightwatch(Y/n)? 测试框架 Nightwatch,输出:n
Should we run ‘npm install’ for
you after the project has been created? 默认 npm,回车

(3)进入我的项目目录
(4)启动我的项目:npm run dev
(5)拜访:地址和端口号会生成

(6)我的项目打包:npm run build

正文完
 0