一安装node环境:

1 vue运行是基于node环境的,构建vue框架之前,需要确保node环境安装成功;

1.1 可以node.js官网,下载解压以后安装;

1.2 国内安装可能比较慢,因此,推荐使用淘宝镜像,淘宝的cnpm命令管理工具可以代替默认的npm管理工具；

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

2 安装好以后,打开命令框,输入"node -v" 查看环境是否安装成功;

node -v

node -v以后显示了版本号,则安装成功

二安装vue-cli

1 安装完npm镜像后，开始安装全局vue-cli脚手架，之所以要用vue-cli，是应为这个工具能帮我们搭建好我们需要的模板框架，比较简单。方法：cnpm install -g vue-cli,回车
cnpm install -g vue-cli,

2 安装好以后,命令框npm -v ,检测是否安装成功

npm -v

显示了版本号,则安装成功

三创建项目

1 创建项目

进入你要存放项目的文件夹,命令框输入一下命令

vue init webpack myvuepro

其中: init表示初始化;webpack:安装包;myvuepro表示要创建项目的文件夹名字

意思是初始化一个名为myvuepro的项目

安装完以后,由于个文件是需要相互依赖的,一般需要安装依赖文件

1)进入项目文件夹

cd myvuepro (项目名)

2)输入

npm install

四运行项目

进入项目目录,命令框输入命令:

npm run dev

这样项目就能运行了

未完,待续...

一个vue项目的运行流程相关推荐

菜鸟运行第一个vue项目记录
近期打算着手重构现有的测试平台,由于现在用的平台是layui+flask+uwsgi+nginx框架大家都已经比较熟悉了.所以在新平台选型时本着让大家多接触新东西.新挑战的原则.平台重构选用的框架为v ...
如何开始一个vue项目
万事开头难~ 刚开始学习vue.js就是看看官方文档,然后在.html文件里引入下载到本地的vue的库文件,来跟着敲示例代码.但是接触到vue的项目,发现自己完全不知从何下手.之后再网上查找了一些vu ...
总结Vue中index.html、main.js、App.vue、index.js之间关系以及Vue项目加载流程
总结Vue中index.html.main.js.App.vue.index.js之间关系以及Vue项目加载流程文章目录总结Vue中index.html.main.js.App.vue.index ...
vue项目打包部署流程
vue项目打包部署流程一.打包二.部署三.部署多个项目一.打包 (可选)去除打包后会生成的map文件:在vue.config.js中添加productionSourceMap: false, ...
从零开始搭建一个vue项目 -- vue-cli/cooking-cli（一）
从零开始搭建一个vue项目 -- vue-cli/cooking-cli(一) 1.vue-cli搭建一个可靠成熟的项目 1.介绍 vue-cli 我是去年六月份接触的vue1.0,当时还是个菜逼,当 ...
[vue] 从0到1自己构架一个vue项目，说说有哪些步骤、哪些重要插件、目录结构你会怎么组织
[vue] 从0到1自己构架一个vue项目,说说有哪些步骤.哪些重要插件.目录结构你会怎么组织 1 项目类型前端的项目目前来看主要分为小程序开发,H5页面开发.PC官网.后台管理系统开发.Nativ ...
VsCode创建第一个vue项目
转载自:https://www.cnblogs.com/z45281625/p/9015380.html VsCode创建第一个vue项目使用vue-cli快速构建项目 ( vue-cli 是vu ...
使用VSCode创建一个Vue项目
使用VSCode创建一个Vue项目 vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的. 安装vue-cli之前,需要先安装了vue和webpack · node -v //( ...
MacOS 搭建一个vue项目(完整步骤)
搭建一个Vue项目一.安装node环境二.搭建vue项目环境 1.全局安装vue-cli 2.检查是否安装成功 3.创建一个基于 webpack 模板的新项目 4.安装依赖 5.启动项目三.vu ...

一个vue项目的运行流程

一安装node环境:

二安装vue-cli

三创建项目

四运行项目

一个vue项目的运行流程相关推荐

最新文章

热门文章

一个vue项目的运行流程

一 安装node环境:

二 安装vue-cli

三 创建项目

四 运行项目

一个vue项目的运行流程相关推荐

最新文章

热门文章

一安装node环境:

二安装vue-cli

三创建项目

四运行项目