Vue创建项目的3中方式

方法

1.基于可视化面板创建vue项目,打开终端cmd输入

vue ui

稍等片刻会自动打开 vue项目管理(首次使用),根据提示进行安装自己需要的插件

2.使用命令创建vue项目 vue脚手架 安装方法如下:

打开终端-运行 执行下面代码,安装完成之后运行vue -V查看相关信息

npm i -g @vue/cli

使用命令如下命令 创建项目

vue create HelloWord

3.基于webpack构建过程:

1.去官网安装node.js,下载安装包之后直接点击安装 可用node -v查看版本

2.安装webpack 

npm install webpack -g

3.全局安装vue-cli

npm install -g vue-cli

4.创建基于webpack的新项目

 vue init webpack my-project

5.安装依赖项,安装完会新增node_modules文件夹

//打开项目文件
cd my-project  
//安装项目依赖
npm install
//启动项目
npm run dev

6.安装插件 

 npm install vuex --save //安装vuex

 npm install vue-resource --save

 npm install vue-router --save //安装路由

7.项目打包

 npm run build

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值