vue2使用vue-cli基本搭建

使用vue-cli基本搭建
首先运行命令
node -v
确保将node更新至6以上,没有就要先安装node
------------------------以下操作都在cmd命令窗口执行-------------------------
有需要就安装cnpm,不需要就不用运行这行命令,用npm就可以
npm install cnpm -g --registry=https://registry.npm.taobao.org

全局安装 vue-cli ,在命令提示窗口执行:
cnpm install -g vue-cli

安装vue-cli成功后,通过cd命令进入你想放置项目的文件夹,在命令提示窗口执行创建vue-cli工程项目的命令:
vue init webpack

输入vue init webpack后的选项:

Project name (my-project):
#项目名称,如果不需要就直接回车。注:此处项目名不能使用大写。
Project description (A Vue.js project):
#项目描述,如果不需要就直接回车。
Author (xxx)
#项目作者,默认计算机用户名
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
#只运行大约6KB比较轻量的压缩文件,但只允许模板(或任何VUE特定HTML,VUE文件需要在其他地方呈现函数。翻译不精准,意思大概是选择该构建方式对文件大小有要求 install vue-router? #安装vue的路由插件,需要就选y,否则就n [建议 Y]
Use ESLint to lint your code?
#是否使用ESLint检测你的代码?[ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。建议选择 N 。因为选择 ‘Y’ 在做调试项目时,控制台会有很多 黄色警告 提示格式不规范,但其实并不影响项目]
Setup unit tests?
#是否安装单元测试(暂不详细介绍)[建议 N]
Setup e2e tests with Nightwatch(Y/n)?
#是否安装E2E测试框架NightWatch(E2E,也就是End To End,就是所谓的“用户真实场景” [建议N]
Should we run ‘npm install’ for you after the project has been created?
#项目创建后是否要为你运行
npm install?
这里选择包管理工具 [建议 Y,use npm]
yes,use npm
#使用npm
yes,use yarn
#使用yarn
no,I will handle that myself
#自己操作

最后执行命令: npm run dev 来启动项目,启动完成后会自动弹出默认网页
------------------------------------完结-------------------------------------

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值