Vue-cli脚手架的搭建步骤
在搭建vue-cli之前 呢必须要确保node已经安装
node安装参考地址:
http://www.runoob.com/nodejs/nodejs-install-setup.html
第一步:先创建一个文件夹
第二部:在文件夹中打开cmd
打开cmd之后先确保node已经被安装了
执行npm node -v 命令
如果命令输出结果为版本号就是代表node已安装
第三部:安装webpack
执行npm/cnpm install webpack -g
第四步:安装脚手架
执行npm/cnpm install vue-chi -g
第五步:初始化项目
执行 vue init webpack(你给这个项目起的名字)
第六步:将cmd切到创建的项目的目录下
执行命令 cd(你起的项目起的名字)
第七步: 所有的模块都安装好了,跑下项目
执行 npm run dev
如果浏览器出现这样的界面就代表项目跑起来了,接着就可以开发项目了
特别说明:
vue-cli安装的所有的依赖包
1、build目录
主要利用webpack与node插件启动一些相关服务的js文件
2、config目录主要针对开发环境,生产环境,测试环境的配置信息
3、src使我们开发时的源码目录
4、static是一些第三方库的包用到的静态资源目录
(build下边的dev-server.js文件是主要的入口文件)
第八步:当写好模块需要打包上传的时候
执行命令 cnpm/npm run build
如有大神觉得我写的东西仍需要完善可以在评论区留言~~~