vue + webpack 创建项目

安装nodejs

打开cmd,输入node -v;如果有版本号就代表已经安装成功。如果没有在nodejs官网下载安装即可。

安装 cnpm (淘宝镜像)

这是国内npm镜像可以提升包的安装速度。同步频率目前为 10分钟一次。
npm install -g cnpm --registry=https://registry.npm.taobao.org

全局安装webpack

npm install webpack -g
cnpm install webpack -g
安装完成后再cmd 输入 webpack -v 或者webpack --version 如有有版本号输出则证明安装成功

全局安装vue-cli(脚手架)

npm install vue-cli -g

cnpm install vue-cli -g
安装完成后再cmd 输入 vue -V 或者vue --version 如有有版本号输出则证明安装成功

创建vue模板项目

vue init webpack project-name

? Project name project-name    // 项目名称
? Project description A Vue.js project   // 项目描述
? Author xxx  // 项目创建人
? Vue build standalone
? Install vue-router? Yes   // 是否使用路由
? Use ESLint to lint your code? Yes  //是否使用ESLint(javascript代码检测工具)
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm

启动

cd vue-book
npm run dev

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

推荐阅读更多精彩内容