创建nuxt项目初始化

首先当然是要安装npx
npm install -g npx
然后直接用nuxt的脚手架命令
npx create-nuxt-app project-name

image.png

首次npm run dev
还要再运行一次 npm install --update-binary
这些搞定了后

我们还需要安装支持ES语法的
npm i babel-core babel-preset-es2015 babel-cli
主要是用在这方面

es的用处

我们也要在package.json里面字段中

 "scripts": {
    "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node",
    "build": "nuxt build",
    "start": "cross-env NODE_ENV=production node server/index.js --exec babel-node",
    "generate": "nuxt generate"
  },

然后还要根目录新建一个文件.babelrc

文件内容

{
    "presets": ["es2015"]
}

当然了我们写样式也要用到sass,所以也要安装
npm i sass-loader node-sass

OK,这些搞定了后,基本就可以运行项目了!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • babel官网 babel 介绍 Babel 是一个通用的多用途 JavaScript 编译器。通过 Babel ...
    锋享前端阅读 1,956评论 0 10
  • http://blog.csdn.net/weizengxun/article/details/53448885 ...
    晓卢轩阅读 740评论 0 0
  • 作者:小 boy (沪江前端开发工程师)本文原创,转载请注明作者及出处。原文地址:https://www.smas...
    iKcamp阅读 2,844评论 0 18
  • babel 7 的使用的个人理解 最近看了很多关于babel的使用方法,大部分在一些点上都没有说明白,同时给出的代...
    zshawk1982阅读 21,206评论 14 43
  • 《欣然博客多》 遮丑新浪封微博,言论自由笑网络。官方网站逗捧哏,五毛党媚唱赞歌。 搜狐网上也注册,网易论坛新博客。...
    洋州客阅读 503评论 0 0

友情链接更多精彩内容