vue项目构建

1.项目准备
本地安装了nodejs

2.到指定目录创建工程
在cmd执行命令, 依次:

npm install vue-cli -g  (下载全局vue-cli)
vue init webpack tiny_personnel (tiny_personnel 是项目名称)
cd myproject
npm run dev

2.1 在输入 “vue init webpack tiny_personnel” 命令时,会要求输入基本信息
在这里插入图片描述

? Project name (myproject)  项目名称(myproject)(确定按enter,否按N) 
? Project description (A Vue.js project)项目描述(一vue.js项目)。(随意输入一段简短介绍,用英文,不写直接回车也行)
? Author (yourname <youremail>)输入作者,然后按enter,否则N
? Vue build (Use arrow keys)> Runtime + Compiler: recommended for most users  Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functions are required elsewhere直接翻译如下:Vue的建立(使用箭头键)>运行时+编译器:大多数用户推荐运行时间:约6kb轻民+ gzip,但模板(或任何Vue具体HTML)只允许在。VUE文件渲染功能是必需的其他地方。(按enter) 
? Install vue-router? (Y/n)是否安装路由,建议安装。 输入Y回车
? Use ESLint to lint your code? (Y/n)使用ESlint语法?(Y/ N)。(使用ESLint语法,就要做好心理准备,除非你非常懂ESLint语法,要不就会处处报错,之前不明白的时候选择过一次,总之很烦,若想要挑战一下,下面这个网址会给你帮助的:https://cloud.tencent.com/developer/chapter/12618        建议N) ? Set up unit tests (Y/n) 设置单元测试?(Y / N)。(选N)
? Setup e2e tests with Nightwatch? (Y/n)Nightwatch建立端到端的测试?(Y / N)。(选N)
? Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys)> Yes, use NPM  Yes, use Yarn  No, I will handle that myself(选择Yes,use NPM)
然后要等待一会,安装项目依赖

2.2
现在项目已经创建好了,可以使用命令行直接启动
输入命令:cd myproject 进入到项目文件中
输入命令: npm install 初始化安装依赖
输入命令: npm run dev 执行
在这里插入图片描述
浏览器打开控制台提供的地址: http://localhost:8080
在这里插入图片描述
3.构建完成

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值