码迷,mamicode.com
首页 > 其他好文 > 详细

使用npx 搭建项目-继续爬坑

时间:2019-11-30 12:00:42      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:img   temp   dex   height   基础   css   install   pack   技术   

摒弃vue-cli创建koa-template创建的nuxt项目

使用npx 进行更加方便的搭建

1\安装 npx:     npm install -g npx    注意是全局安装

2、新建项目: npx create-app-app <project name> 

3、选择你喜欢的组件,这点比较人性化

4、等待安装完成,基础项目就完成了

5、遇坑,以及解决

  a.  端口号更改:(因为本人已用3000端口默认跑起来别的项目,提示端口报错,处理过程中发现的bug)

    1.更改server/index.js 内有端口号修改,但发现改了没有用,于是在packpage.json中加了一段配置项

      技术图片

    2. 发现改了index内的端口后没有用,重新npm run dev也一样还是3000, 在dev的配置项中加了一段 --exec babel-node后生效,与babel有关,后面再详述

  b.在项目中使用import 时语法报错

    因为 nodemon 并不支持 import语法,这里需要安装 bable相关插件,安装简单

    npm install babel-core babel-preset-es2015 babel-cli

    安装完这三个,

    packpage.json同级目录下新建文件 .babelrc,对babel进行配置

    配置内容一条:

    {

      presets: ["es2015"]

    }

    保存,重启,启动正常,也不再报import语法错误

  c. 在使用style时,有时会加上 <style lang="scss">  这个scss,直接编译出错了。。。怎么办,还是安装大法

    npm install sass-loader  node-sass

    再次重启,项目正常

总之现在感觉 ,用node的框架搭建后台这些,还是坑多,多爬爬

 

 

 

使用npx 搭建项目-继续爬坑

标签:img   temp   dex   height   基础   css   install   pack   技术   

原文地址:https://www.cnblogs.com/a-way-blog/p/11961508.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!