当前位置: 首页 > Web前端 > vue.js

vue项目运行流程

时间:2023-04-01 12:37:41 vue.js

第一步:安装node.js包,官网下载,安装过程一直在next(傻瓜式操作)安装路径:https://npm.taobao.org/mirror...#淘宝音乐查看安装版本的链接命令:node-v包管理器版本:npm-v启动服务:nodenode-server.js关闭:Ctrl+C第二步:安装cnpm镜像直接使用淘宝镜像命令:npminstall-gcnpm--registry=https://registry.npm.taobao.org查看安装版本:cnpm-v第三部分:脚手架安装npminstallvue-cli-g验证版本号:vue--version创建vue项目(1)进入工作区(2)生成vue项目:vueinitwebpackpj#pj为项目名不能大写ProjectName项目名,默认,回车项目描述默认,回车Authorchenzsauthorvue构建默认,按Enter安装vue-router?要安装路由器,请输入:y以安装使用ESLint来检查您的代码?规则引擎,太严格了,输入:nSetup单元测试?单元测试,输入:nSetupe2etestswithNightwatch(Y/n)?测试框架Nightwatch,输入:nShouldwerun'npminstall'foryouaftertheprojecthasbeencreated?默认npm,回车(3)进入项目目录(4)启动项目:npmrundev(5)访问:会生成地址和端口号(6)项目打包:npmrunbuild注意:vue需要改到本地完成!