美文网首页
怎么初始化一个vue项目工程

怎么初始化一个vue项目工程

作者: 欧子有话说_ | 来源:发表于2022-02-28 10:44 被阅读0次

vue初始化项目 vue cli搭建手脚架

1.第一步npm安装node.js (node.js网址)

检查node.js和npm版本    命令:node-v   npm-v

2.第二步项目初始化

1.安装vue -cli

npm install vue-cli -g    //全局安装 vue-cli

cnpm install vue-cli -g    //全局安装 vue-cli (淘宝镜像cnpm)

使用vue -V 命令检验vue -cli版本 是否安装成功

2.创建项目

通过 vue init webpack 项目名

注意标注的地方 根据个人需求所选择

创建好了之后先使用命令去把依赖下载好   再去运行

依赖下载: npm install

运行:npm run dev

注:要在你创建的文件下进行安装和运行!!

例:我创建的项目工程文件叫gaot

要先cd到你的项目的目录文件下  再去使用命令下载依赖

看下图: 注意到了吗 我是先cd到我的项目目录文件gaot下  再去执行的命令下载依赖  然后等依赖下载完之后就可以去运行啦

运行完成之后在浏览器打开这个网址就可以看到你的项目了

这样子就是安装成功啦!

利用vue-cil初始化构建vue项目,我们会获得一个初始化的文件夹结构,如下:

相关文章

网友评论

      本文标题:怎么初始化一个vue项目工程

      本文链接:https://www.haomeiwen.com/subject/coqlrrtx.html