nuxt脚手架创建项目及坑

使用nuxt脚手架创建项目

cnpm install -g npx
npx create-nuxt-app 项目名称

Vue-cli全家桶生成的VUE项目是经过webpack打包的,导入文件用的是ES6的require,而使用nuxt命令生成的项目没有打包,如果要使用import语法导入文件,需要进行如下设置

修改根目录下的package.json文件中的

根目录下创建 .babelrc 文件

 执行命令 cnpm install babel-preset-es2015

如果报错'babel-node' 不是内部或外部命令,也不是可运行的程序

执行cnpm i babel-core babel-preset-es2015 babel-cli

执行 npm run dev

出现如下命令表示成功

猜你喜欢

转载自www.cnblogs.com/marquess/p/12583622.html