vue基础（创建运行项目）

作者: 偏爱墨绿色 | 来源:发表于2019-03-15 17:15 被阅读0次

Vue+Ionic4，知虎偏行（二）创建及配置项目
vue基础（创建运行项目）
vue-cli2的单页面应用构建
【uniapp】使用vue-cli创建微信小程序项目
使用HBuilder将Vue项目打包为移动端APP
使用HBuilderX将Vue项目打包为移动端APP
vue 常用命令(自己的记录）
快速创建vue项目
【Vue-cli3】路由基础
vue3.0终端命令行

一.环境搭建（略）

二.新建项目

1.全局安装vue-cli

运行命令 npm install vue-cli -g

2.创建项目

（1）运行cmd，cd 到需要创建的目录如 cd /d D:\vueProject
（2）执行命令 vue init webpack myproject
注：webpack 是构建工具,项目名不能有大写字母
（3）根据提示选择需要安装确认的信息，然后等待创建完成

简书-01

三.运行项目

1.直接cmd命令运行。

(1) cd myproject
(2) npm run dev

简书-02.png
网址输入：http://localhost:8082
效果图如下：

简书-03.png

2.开发工具Webstorm打开运行

简书-004.png
Terminal运行： npm run dev

Vue+Ionic4，知虎偏行（二）创建及配置项目
创建Vue项目并运行使用Vue来创建项目：这是Vue很基础的东西，安装依赖并运行看下：此时可以看到项目能正常...
vue基础（创建运行项目）
一.环境搭建（略）二.新建项目 1.全局安装vue-cli 运行命令 npm install vue-cli...
vue-cli2的单页面应用构建
前提全局安装 vue-cli ：创建项目项目创建完成后，安装基础模块最后运行如果项目可以正常启动，即可继...
【uniapp】使用vue-cli创建微信小程序项目
为了方便管理，使用vue cli创建项目。全局安装vue-cli 在目录下运行，创建基础脚手架选择默认模板与...
使用HBuilder将Vue项目打包为移动端APP
1. 创建Vue项目并测试可正常运行创建：可使用vue脚手架工具vue-cli创建vue项目，并安装依赖测试：...
使用HBuilderX将Vue项目打包为移动端APP
1. 创建Vue项目并测试可正常运行创建：可使用vue脚手架工具vue-cli创建vue项目，并安装依赖测试：...
vue 常用命令(自己的记录）
创建vue项目vue create 项目名字运行项目：cnpm run serve/cnpm run dev 需要...
快速创建vue项目
1 全局安装vue 创建项目安装模块运行项目
【Vue-cli3】路由基础
最好先看看【Vue】路由 - 基础使用方法 1、创建项目根据【Vue-cli 3.x】创建vue项目的方法，创建...
vue3.0终端命令行
#检查node环境安装nrm 卸载vue-cli 安装 vue-cli 创建项目运行项目