使用Vue-cli搭建前端项目具体流程
Vue-cli是vue的一个脚手架,我们可以通过它来构建我们的前端项目安装vue-cli的步骤1. 安装nodeJS(已经集成npm)2. node –v ;npm –v查看是否成功安装3. 配置环境变量,找到npm所在的路径(\username\AppData\Roaming\npm)文件可能隐藏,将其放在path中(一般会自动添加)4. 安装vue-cli:np...
·
Vue-cli是vue的一个脚手架,我们可以通过它来构建我们的前端项目
安装vue-cli的步骤
1. 安装nodeJS(已经集成npm)
2. node –v ; npm –v查看是否成功安装
3. 配置环境变量,找到npm所在的路径(\username\AppData\Roaming\npm)文件可能隐藏,将其放在path中(一般会自动添加)
4. 安装vue-cli: npm install –g vue-cli
5. 创建项目 vue init webpack my-project
6. 选择项目的一些配置(Y/n)
注:
npm install -g vue-cli
-g表示全局安装, vue-cli是模块,全局安装的模块可以在命令行直接使用.
vue init webpack my-project
创建一个基于”webpack”的项目,后面是项目名,
执行命令cd my-project
安装需要的模块
npm i axios vuex vue-router –save
下面是我创建的yasn项目,目录结构如下
然后执行命令npm run dev 即可启动项目
更多推荐
已为社区贡献18条内容
所有评论(0)