vue学习(1) vue-cli 项目搭建
vue学习(1) vue-cli 项目搭建
一、windows环境
1. 下载node.js安装包
官网:https://nodejs.org/en/download/
选择LTS下载
2. 安装
下载完成后点击安装包安装到自己指定的文件夹
windows + r 打开cmd,在命令行中输入node -v,如果安装成功就可以看到当前node的版本
输入npm -v,可以看到相应的npm的版本
3. 安装vue-cli
npm install -g cli
4. 创建cli项目
首先cd进入到你想要创建项目的文件夹目录下
vue init webpack my-vue
根据提示信息完成创建,项目名、项目描述、作者名、build、路由、ESLint、测试等,ESLint后面几个推荐选择no
5. 运行
创建完成后执行
cd my-vue
npm run dev 即可看到提示
Your application is running here: http://localhost:8080,打开该链接即可看到你的项目
二、mac环境
1. 下载node.js安装包
官网:https://nodejs.org/en/download/
选择LTS下载
2. 安装
下载完成后点击安装包安装到自己指定的文件夹
打开终端,在命令行中输入node -v,如果安装成功就可以看到当前node的版本
输入npm -v,可以看到相应的npm的版本 (若安装失败可以重新下载安装包进行安装)
3. 安装webpack
npm install webpack -g
会提示安装webpack-cli,根据提示安装即可
若因为权限原因安装失败,在安装命令行之前加入sudo,根据提示输入密码即可
4. 安装vue-cli
npm install cli -g
5. 创建cli项目
首先cd进入到你想要创建项目的文件夹目录下
vue init webpack my-vue
根据提示信息完成创建,项目名、项目描述、作者名、build、路由、ESLint、测试等,ESLint后面几个推荐选择no
6. 运行
创建完成后执行
cd my-vue
npm run dev
即可看到提示 Your application is running here: http://localhost:8080
打开该链接即可看到你的项目
完.
最新文章
- OpenCV2:特征匹配及其优化
- form表单重置
- MAC上更新Ruby失败解决办法
- python学习第十五天 -面向对象之继承和多态
- PL/SQL程序中调用Java代码(转)
- InnoDB的Named File Formats
- bzoj3997组合数学(求最长反链的dp)
- vue项目使用 prerender-spa-plugin 预渲染
- 使用navicat连接 mysql时出现client does not support auth...upgrading Mysql Client
- 微信小程序计算经纬距离
- HNOI2017做题笔记
- JProfiler 入门教程
- 常用的机器学习&;数据挖掘知识(点)总结
- 如何设置浏览器禁止使用UC浏览器
- vim 小技巧
- linux Nginx服务开机自启
- 在GDI+中如何实现以左下角为原点的笛卡尔坐标系
- centos6: mysql+nginx+php
- Shell编程之循环控制及状态返回值
- Python-OpenCV中的图像轮廓检测
热门文章
- Delaunay和Voronoi
- session与getSession()用法总结
- C# .net 高清压缩图片 合并图片方法
- Qt组件(例如按钮、树形控件)上响应鼠标右键
- PHP 指定时间/时间戳+某天/某月/某年
- 图片转化base64格式
- 【CUDA开发-并行计算】NVIDIA深度学习应用之五大杀器
- activiti学习2:示例工程activiti-explorer.war的使用
- 【layui】获取layui弹窗的index并关闭
- .NET Core 之 Nancy 基本使用