Vue-cli创建项目

步骤

1、 安装node.js 官网下载:https://nodejs.org/en/download/

node -v 查看安装的node版本


image.png

2、安装vue-cli

管理员全局安装vue提供的 vue-cli手脚架
sudo npm install -g vue-cli

image.png

输入vue和vue list可查看一些基本信息和模版

3、选择使用webpack模板,并设置工程信息

vue init webpack name
name随意取

image.png

(1)项目名
(2)项目描述
(3)作者
(4)是否安装路由 ,n,不需要,自己之后安装
(5)是否使用后ES检测器, y,需要
(6)是否需要前端测试库,n, 不需要
(7)选择最后的No, I will handle that myself,我将会自己安装

webpack.config.js的一些配置


image.png

4、安装依赖、运行

cd到对应目录 安装依赖
sudo npm install
然后运行起来
sudo npm run dev

image.png

成功

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容