Vue.js:使用vue-cli快速构建项目

vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的。

1、npm install -g  vue-cli (安装去全局vue-cli )  有的时候有看到其它两种写法:  --save-dev 和 --save的写法。

2、vue init webpack  imageUpLoad 下载一个webpack项目,斜体部分是自己 命名的项目名 这里wo准备创建的是一个图片上传的demo


Vue.js:使用vue-cli快速构建项目_第1张图片

执行完这一步之后就会要求你填写项目名称、描述、作者以及相关的配置,根据提示填写即可,有需求者根据自己需求填写。


Vue.js:使用vue-cli快速构建项目_第2张图片

这个时候对应的项目目录下就出现刚刚建立的项目了


Vue.js:使用vue-cli快速构建项目_第3张图片

安装依赖

这边我使用的nrm管理npm源,切换国内cnpm源

Vue.js:使用vue-cli快速构建项目_第4张图片

npm install 安装依赖,安装完成之后项目根目录就会多出一个node_modules

npm run dev 运行项目

你可能感兴趣的:(Vue.js:使用vue-cli快速构建项目)