最近一段时间在学习vuejs和element-ui、iview-ui这些前端知识,在创建vuejs项目时发现有几种不同的方法:
用vue-cli脚手架可以快速的构建出一个前端vue框架的项目结构
nodejs可以到nodejs官网下载最新的版本,根据自己的操作系统选择合适的版本,然后安装,配置好环境变量即可。
npm install vue-cli -g
vue init webpack my-project
项目创建过程中会提示是否安装eslint,可以选择不安装,否则项目编译过程中出现各种代码格式的问题;
cd myproject
npm install
模块安装时间有可能会很长,依赖与网速;
npm run dev;
npm install vue-router --save (路由管理模块)
npm install vuex --save (状态管理模块)
npm install vue-resource --save (网路请求模块)
下面的两种方法是基于Vue Cli3的, Vue CLI3 需要 Node.js 8.9 或更高版本
vue create hello-world
cd hello-world
npm run serve // 运行 http://localhost:8000
在命令行窗口中输入命令vue ui创建vuejs项目 vue ui // 自动运行图形页面 http://localhost:8000 具体可以参考使用图形化界面创建vue项目这篇文章,傻瓜式操作,基于图片界面的,创建、安装依赖和插件很方便。