| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> 创建项目----一篇文章教你学会创建并运行Vue项目(一) -> 正文阅读 |
|
[JavaScript知识库]创建项目----一篇文章教你学会创建并运行Vue项目(一) |
1.安装Node环境Node.js下载地址:[Node.js] 1.点击下载,下载node.js安装包??2.点击下载好的安装包,安装node.js?3.安装完之后,打开控制台win+r4.输入node -v,查看是否显示版本号,如下所示:??根据如上步骤就安装好node.js了,接下来就是使用vue-cli搭建项目了 2.搭建vue项目1.创建一个新的文件夹 ?2.点击文件=>打开windows PowerShell控制台 3. 输入npm install --global vue-cli,安装vue脚手架 4.安装完成之后输入 vue -V查看vue脚手架的版本号 ? ?5.输入 vue create demo创建项目 demo代表项目的名称 ?6.Please pick a preset下面可以选择一个默认的配置,也可选择自己手动选择功能,创建完成之后,会出现如下提示 cd demo和npm run sever 7. 首先我们输入cd demo进入创建的项目,在输入npm run serve运行项目 ?8.运行成功之后会出现如上的一个域名,我们打开浏览器,输入http://localgost:8080/,就可以看见我们刚刚运行的项目啦! ?下一章讲解一下项目的目录结构,以及如何打包 今天就暂时分享到这里啦! |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/24 9:55:54- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |