不灭的焱

革命尚未成功,同志仍须努力

作者:php-note.com  发布于:2020-06-14 00:08  分类:HTML/CSS/JS  编辑

主要参考以下文章:


npm install --global vue            # 或 npm install -g vue
npm install --global vue-cli
npm install --global webpack
npm install --global webpack-cli

特别注意:如果不使用 --global-g 参数,会在当前目录 自动新建子目录 node_modules,并把模块安装到此目录!

新建项目

1. 创建新项目

// 切换到 某个目录
// ......

// 创建一个基于 webpack 模板的新项目
vue init webpack my-project

// 这里需要进行一些配置,默认回车即可

2. 运行项目

cd my-project
npm run dev

成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示: