1.简介
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。
2.命令行 *** 作步骤
npm install -g @vue/cli 安装3.x版本的vue脚手架vue -V 测试是否安装成功vue create 项目名 (注意不要用中文和特殊字符)cd 项目名npm run serve从vue create my-project为例展示截图
最后cd到你自己创建的项目中,npm run serve把项目跑起来即可。此时跑起来后就会显示下面的界面
此时我们在浏览器输入上面提示的网址,显示效果如下:
3.图形界面 *** 作步骤
vue ui (命令行输入此命令,打开一个界面化的 *** 作平台)
此时显示效果如下:
自己创建项目并命名
创建好项目以后,我们点击任务中的启动按钮,可以启动服务也可以关闭项目。
启动以后我们访问localhost:8000也能正常打开我们刚才创建的项目,此种方式更方便和快捷。
二、修改配置
如果我们需要启动服务的时候自动打开浏览器,我们可以在项目的根目录下面手动创建vue.config.js,配置如下:
module.exports = {
devServer: {
open: true
// port: 8888 如果有需要可以更新端口号
}
};
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)