vue2.0脚手架的安装和项目搭建

27次阅读

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

首先我们需要安装 nodejs,我就不多说了,去 node 官网下载安装吧 https://nodejs.org/zh-cn/
关于 node 的版本选择,我一向是啥时候用就安装最新的。因为前端技术更新太快了,用最新的两个月后就不是了,所以还是与时俱进吧
然后 node i vue-cli 安装这个脚手架,默认是 2.* 的,需要装 3.0“npm install -g @vue/cli”具体给你们一个链接自己参考,https://www.cnblogs.com/XCWeb…
安装完后,vue - V 看看版本,有了版本号,说明安装 ok

前期工作已经准备完毕
vuecli 可以搭建集中不同类型的项目框架,可以通过 vue list 查看有多少种类型

对于商业级项目,我们一般都选取 webpack。其他的框架,自己可以去搭建起来看看
搭建步骤
1、vue init webpack my-project
执行后,可以看到一些选项,一般是三个,是否需要用 vue-router,是否需要用 eslint,是否需要用 test unit 测试,是否需要用 e2e,端到端测试,都选 y 吧,更全面
搭建成功 cd 到 my-project 里,执行 npm i,下载依赖包,完了之后多了一个 node-moudles。这里还有几个隐藏文件。包含 babellrc、eslintlrc、还有 editorconfig(帮助开发人员在不同的编辑器和 IDE 之间定义和维护一致的编码样式)、eslintignore(忽略哪些文件夹可以不用 eslint 规则)
最后执行 npm start,出现访问 ip 地址表示运行 ok 了。
当然这只是 vue 商业级项目的标准搭建,可以在里面安装一些自己喜欢的插件,帮助我们更好的开发项目。

正文完
 0