vue——安装并新建项目
2017-12-14 16:23
357 查看
一、对于vue的安装:
1、安装vue之前先安装node,https://nodejs.org/zh-cn/download/,我装的是windows64位的;
2、下载好了之后就可以按照正常顺序安装了,这里就不一一赘述了;装好了之后检测一下;
3、可以了之后,就按照官网上的步骤安装vue:
(1)npm install vue :安装最新稳定版
(2)然后新建一个你要存放vue项目的文件夹,然后cd进这个文件夹;
之后执行指令 npm install --global vue-cli ;全局安装vue-cli
(3)执行指令 vue init webpack my-project ;其中my-project是你想要创建的项目名,这条指令是创建一个基于webpack的模板的新项目
(4)之后cd 进刚才新建的my-project项目中;执行指令 npm install
(5)最后执行 npm run dev
这样在浏览器中就可以访问http://localhost:8080来查看模板项目了;
这里是整个项目目录结构:
相关文章推荐
- vue新建项目(-)vue-cli安装
- vue新建项目(二)安装element-ui
- vue 如何新建一个项目
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
- vue.js学习笔记之安装以及项目的创建和运行
- 新建VUE 2.0 项目及引入Element UI 步骤及常见问题
- SCSF 系列:Smart Client Software Factory 简介、安装及通过模板新建项目
- webpack+vue 构建项目步骤并且使用sass 安装配置
- 安装node和vue-cli 并从GitHub上下载vue开源项目 并运行
- Django 安装与新建项目
- 详解在vue-cli项目中安装node-sass
- Mac环境下 cocos2dx 3.0 安装和新建项目
- android studio 1.0 for win下载安装以及新建项目
- 从新建vue项目到引入组件Element流程
- 在vue项目中安装使用Mint-UI的方法
- Vue.js新建App项目
- MyEclipse10中安装activiti插件后,新建activiti项目未显示maven dependencies
- VS2010新建MVC3项目提示需要安装NuGet
- 从新建vue项目到引入组件Element流程
- 导入或新建flex项目提示"未安装 ASP.NET Development Server”